// MUI Imports
import Grid from '@mui/material/Grid2'

// Type Imports
import type { VendorType } from '@/types/apps/vendorTypes'

// Component Imports
import VendorListTable from './VendorListTable'
import VendorListCards from './VendorListCards'

const VendorList = ({ vendorData }: { vendorData?: VendorType[] }) => {
  return (
    <Grid container spacing={6}>
      <Grid size={{ xs: 12 }}>
        <VendorListCards />
      </Grid>
      <Grid size={{ xs: 12 }}>
        <VendorListTable tableData={vendorData} />
      </Grid>
    </Grid>
  )
}

export default VendorList
