First Commit

2026-03-21 11:55:27 +01:00
commit 2e8a29b4d0
1757 changed files with 166084 additions and 0 deletions
@@ -0,0 +1,48 @@
+import PropTypes from 'prop-types';
+// @mui
+import Avatar from '@mui/material/Avatar';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+
+// @icons
+import { IconPhoto } from '@tabler/icons-react';
+
+/***************************  PROFILE  ***************************/
+
+export default function Profile({ avatar, title, caption, label, sx, titleProps, captionProps, placeholderIfEmpty }) {
+  return (
+    <Stack direction="row" sx={{ alignItems: 'center', justifyContent: 'space-between', gap: 0.75, width: 'fit-content', ...sx }}>
+      {(avatar?.src || placeholderIfEmpty) && (
+        <Avatar
+          {...avatar}
+          alt="profile"
+          sx={{ ...avatar?.sx, ...(placeholderIfEmpty && { fontSize: 20, '& svg': { width: 26, height: 26 } }) }}
+        >
+          {!avatar?.src && placeholderIfEmpty && <IconPhoto stroke={1} />}
+        </Avatar>
+      )}
+      <Stack sx={{ gap: 0.25 }}>
+        <Stack direction="row" sx={{ alignItems: 'center', gap: 0.5 }}>
+          <Typography variant="subtitle2" {...titleProps} sx={{ color: 'text.primary', whiteSpace: 'nowrap', ...titleProps?.sx }}>
+            {title || (placeholderIfEmpty && 'N/A')}
+          </Typography>
+          {label}
+        </Stack>
+        <Typography variant="caption" {...captionProps} sx={{ color: 'grey.700', ...captionProps?.sx }}>
+          {caption || (placeholderIfEmpty && '---')}
+        </Typography>
+      </Stack>
+    </Stack>
+  );
+}
+
+Profile.propTypes = {
+  avatar: PropTypes.any,
+  title: PropTypes.any,
+  caption: PropTypes.any,
+  label: PropTypes.any,
+  sx: PropTypes.any,
+  titleProps: PropTypes.any,
+  captionProps: PropTypes.any,
+  placeholderIfEmpty: PropTypes.any
+};