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 '../Prescription/List';

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

    const { id } = useParams();

    const pageTitle = 'Prescription';

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

                    },
                    {
                        name: 'Prescription',
                        href: '/prescription',
                    },
                ]}
                />

                <List/>

            </Container>
        </Page>
    );
}