/* ---------------------------------- @mui ---------------------------------- */
import { Container, Grid } from '@mui/material';
/* ------------------------------- components ------------------------------- */
import Page from '../../components/Page';
/* ---------------------------------- hooks --------------------------------- */
import useSettings from '../../hooks/useSettings';
import List from './List';
import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs';

export default function Drugs() {
  const { themeStretch } = useSettings();

  return (
    <Page title="Corporate">
      <Container maxWidth={themeStretch ? false : 'xl'}>
        <HeaderBreadcrumbs
          heading={'Corporate'}
          links={[
            { name: 'Dashboard', href: '/dashboard' },
            {
              name: 'Corporates',
              href: '/corporates',
            },
          ]}
        />
        <Grid container>
          <Grid item xs={12} lg={12} md={12}>
            <List />
          </Grid>
        </Grid>
      </Container>
    </Page>
  );
}
