import ReportTitle from '@/components/report/ReportTitle'
import ReportProfitLossCard from '@/views/apps/report/profit-loss/ReportProfitLossCard'
import ReportProfitLossContent from '@/views/apps/report/profit-loss/ReportProfitLossContent'
import Grid from '@mui/material/Grid2'

const ProfiltLossPage = () => {
  return (
    <Grid container spacing={6}>
      <Grid size={{ xs: 12 }}>
        <ReportTitle title='Laba Rugi' />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ReportProfitLossCard />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ReportProfitLossContent />
      </Grid>
    </Grid>
  )
}

export default ProfiltLossPage
