import ReportTitle from '@/components/report/ReportTitle'
import ReportCashFlowCard from '@/views/apps/report/cash-flow/ReportCashFlowCard'
import ReportCashFlowContent from '@/views/apps/report/cash-flow/ReportCashFlowContent'
import Grid from '@mui/material/Grid2'

const CashFlowPage = () => {
  return (
    <Grid container spacing={6}>
      <Grid size={{ xs: 12 }}>
        <ReportTitle title='Arus Kas' />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ReportCashFlowCard />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ReportCashFlowContent />
      </Grid>
    </Grid>
  )
}

export default CashFlowPage
