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: 'Quick Ratio',
|
|
stats: '2,4',
|
|
avatarIcon: 'tabler-gauge',
|
|
avatarColor: 'success',
|
|
trend: 'positive',
|
|
trendNumber: 'Target 0,2',
|
|
subtitle: 'Hari Ini'
|
|
},
|
|
{
|
|
title: 'Current Ratio',
|
|
stats: '1,09',
|
|
avatarIcon: 'tabler-trending-down',
|
|
avatarColor: 'error',
|
|
trend: 'negative',
|
|
trendNumber: '7,6%',
|
|
subtitle: 'vs bulan sebelumnya'
|
|
},
|
|
{
|
|
title: 'Debt Equity Ratio',
|
|
stats: '0',
|
|
avatarIcon: 'tabler-trending-up',
|
|
avatarColor: 'success',
|
|
trend: 'positive',
|
|
trendNumber: '0%',
|
|
subtitle: 'vs bulan sebelumnya'
|
|
},
|
|
{
|
|
title: 'Equity Ratio',
|
|
stats: '0,65',
|
|
avatarIcon: 'tabler-trending-down',
|
|
avatarColor: 'error',
|
|
trend: 'negative',
|
|
trendNumber: '4,4%',
|
|
subtitle: 'vs bulan sebelumnya'
|
|
}
|
|
]
|
|
|
|
const ReportCashCard = () => {
|
|
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 ReportCashCard
|