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