import ExpenseDetailContent from '@/views/apps/expense/detail/ExpenseDetailContent'
import ExpenseDetailHeader from '@/views/apps/expense/detail/ExpenseDetailHeader'
import Grid from '@mui/material/Grid2'

const ExpenseDetailPage = () => {
  return (
    <Grid container spacing={6}>
      <Grid size={{ xs: 12 }}>
        <ExpenseDetailHeader />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ExpenseDetailContent />
      </Grid>
    </Grid>
  )
}

export default ExpenseDetailPage
