import { Card, Grid, Container } from '@mui/material';
import { useParams } from 'react-router-dom';
import HeaderBreadcrumbs from '../../../components/HeaderBreadcrumbs';
import Page from '../../../components/Page';
import useSettings from '../../../hooks/useSettings';
import List from './List';

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

  const { id } = useParams();

  const pageTitle = 'Appointments';
  return (
    <Page title={pageTitle}>
      <Container maxWidth={themeStretch ? false : 'xl'}>
        <HeaderBreadcrumbs
          heading={pageTitle}
          links={[
            {
              name: 'Report',
              href: '/report',
            },
            {
              name: 'Appointments',
              href: '/report/appointments',
            },
          ]}
        />

        <List />
      </Container>
    </Page>
  );
}
