import Grid from '@mui/material/Grid2'
import ExpenseDetailInformation from './ExpenseDetailInformation'
import ExpenseDetailSendPayment from './ExpenseDetailSendPayment'
import ExpenseDetailLog from './ExpenseDetailLog'

const ExpenseDetailContent = () => {
  return (
    <Grid container spacing={6}>
      <Grid size={{ xs: 12 }}>
        <ExpenseDetailInformation />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ExpenseDetailSendPayment />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <ExpenseDetailLog />
      </Grid>
    </Grid>
  )
}

export default ExpenseDetailContent
