import Grid from '@mui/material/Grid2'
import PurchaseDetailInformation from './PurchaseDetailInformation'
import PurchaseDetailSendPayment from './PurchaseDetailSendPayment'
import PurchaseDetailLog from './PurchaseDetailLog'
import PurchaseDetailTransaction from './PurchaseDetailTransaction'

const PurchaseDetailContent = () => {
  return (
    <Grid container spacing={6}>
      <Grid size={{ xs: 12 }}>
        <PurchaseDetailInformation />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <PurchaseDetailSendPayment />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <PurchaseDetailTransaction />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <PurchaseDetailLog />
      </Grid>
    </Grid>
  )
}

export default PurchaseDetailContent