import Grid from '@mui/material/Grid2'
import ReportHeader from './ReportHeader'
import ReportFinancialList from './ReportFinancialList'
import ReportSalesList from './ReportSalesList'
import ReportPurchaseList from './ReportPurchaseList'

const ReportList = () => {
  return (
    <Grid container spacing={6}>
      <Grid size={{ xs: 12 }}>
        <ReportHeader />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ReportFinancialList />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ReportSalesList />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ReportPurchaseList />
      </Grid>
    </Grid>
  )
}

export default ReportList
