/* ---------------------------------- @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="Employee Data">
      <Container maxWidth={themeStretch ? false : 'xl'}>
        <HeaderBreadcrumbs
          heading={'Employee Data'}
          links={[{ name: 'Case Management' }, { name: 'Employee Data', href: '/employee-data' }]}
        />
        <Grid container>
          <Grid item xs={12} lg={12} md={12}>
            <List />
          </Grid>
        </Grid>
      </Container>
    </Page>
  );
}
