63 lines
1.4 KiB
TypeScript
63 lines
1.4 KiB
TypeScript
// 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
|