First Commit

2026-03-21 11:55:27 +01:00
commit 2e8a29b4d0
1757 changed files with 166084 additions and 0 deletions
@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+
+// @mui
+import Chip from '@mui/material/Chip';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+
+// @project
+import MainCard from '@/components/MainCard';
+
+/***************************   CARD - OVERVIEW   ***************************/
+
+export default function OverviewCard({ title, value, chip, compare, cardProps }) {
+  const chipDefaultProps = { color: 'success', variant: 'text', size: 'small' };
+
+  return (
+    <MainCard {...cardProps}>
+      <Stack sx={{ gap: { xs: 3, md: 4 } }}>
+        <Typography variant="subtitle1">{title}</Typography>
+        <Stack sx={{ gap: 0.5 }}>
+          <Stack direction="row" sx={{ gap: 1, alignItems: 'center' }}>
+            <Typography variant="h4">{value}</Typography>
+            <Chip {...{ ...chipDefaultProps, ...chip }} />
+          </Stack>
+          <Typography variant="caption" color="grey.700">
+            {compare}
+          </Typography>
+        </Stack>
+      </Stack>
+    </MainCard>
+  );
+}
+
+OverviewCard.propTypes = {
+  title: PropTypes.string,
+  value: PropTypes.string,
+  chip: PropTypes.any,
+  compare: PropTypes.string,
+  cardProps: PropTypes.any
+};