Cash Bank Detail Table

2025-09-10 19:42:26 +07:00
parent 2c754d96fd
commit e267a50946
8 changed files with 747 additions and 8 deletions
@@ -0,0 +1,62 @@
+// MUI Imports
+import Grid from '@mui/material/Grid2'
+
+// Type Imports
+import type { UserDataType } from '@components/card-statistics/HorizontalWithSubtitle'
+
+// Component Imports
+import HorizontalWithSubtitle from '@components/card-statistics/HorizontalWithSubtitle'
+
+// Vars
+const data: UserDataType[] = [
+  {
+    title: 'SALDO',
+    stats: '30.631.261',
+    avatarIcon: 'tabler-wallet',
+    avatarColor: 'success',
+    trend: 'positive',
+    trendNumber: '22.3%',
+    subtitle: 'Hari ini vs 30 hari lalu'
+  },
+  {
+    title: 'MASUK',
+    stats: '3.486.871',
+    avatarIcon: 'tabler-arrow-down-circle',
+    avatarColor: 'success',
+    trend: 'negative',
+    trendNumber: '44.1%',
+    subtitle: 'Bulan ini vs tanggal sama bulan lalu'
+  },
+  {
+    title: 'KELUAR',
+    stats: '3.163.000',
+    avatarIcon: 'tabler-arrow-up-circle',
+    avatarColor: 'info',
+    trend: 'positive',
+    trendNumber: '137.8%',
+    subtitle: 'Bulan ini vs tanggal sama bulan lalu'
+  },
+  {
+    title: 'NET',
+    stats: '323.871',
+    avatarIcon: 'tabler-trending-up',
+    avatarColor: 'error',
+    trend: 'negative',
+    trendNumber: '93.4%',
+    subtitle: 'Bulan ini vs tanggal sama bulan lalu'
+  }
+]
+
+const CashBankDetailCard = () => {
+  return (
+    <Grid container spacing={6}>
+      {data.map((item, i) => (
+        <Grid key={i} size={{ xs: 12, sm: 6, md: 3 }}>
+          <HorizontalWithSubtitle {...item} />
+        </Grid>
+      ))}
+    </Grid>
+  )
+}
+
+export default CashBankDetailCard