Report Page

2025-09-11 15:32:26 +07:00
parent 9c1b1fc1db
commit c9e260860c
6 changed files with 177 additions and 0 deletions
@@ -0,0 +1,38 @@
+import { Container, Typography } from '@mui/material'
+import Grid from '@mui/material/Grid2'
+import ReportCard from './ReportCard'
+
+const ReportFinancialList: React.FC = () => {
+  const financialReports = [
+    {
+      title: 'Arus Kas',
+      iconClass: 'tabler-cash'
+    },
+    {
+      title: 'Laba Rugi',
+      iconClass: 'tabler-cash'
+    },
+    {
+      title: 'Neraca',
+      iconClass: 'tabler-cash'
+    }
+  ]
+
+  return (
+    <div>
+      <Typography variant='h5' className='mbe-1'>
+        Finansial
+      </Typography>
+
+      <Grid container spacing={3}>
+        {financialReports.map((report, index) => (
+          <Grid key={index} size={{ xs: 12, sm: 4, md: 3 }}>
+            <ReportCard title={report.title} avatarIcon={report.iconClass} />
+          </Grid>
+        ))}
+      </Grid>
+    </div>
+  )
+}
+
+export default ReportFinancialList