import { Card, Grid } 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 "./Formularium";


export default function Formularium() {
  const pageTitle = "Formularium"
  const { id: formularium_template_id } = useParams();

  return (
    <Page title={ pageTitle }>
      <HeaderBreadcrumbs
        heading={ pageTitle }
        links={[
          {
            name: 'Master',
            href: '/master/formularium-template-v2'
          },
          {
            name: 'Formularium',
            href: '/master/formularium-template-v2'
          },
          {
            name: 'Detail',
            href: `/master/formularium-template-v2/${formularium_template_id}/detail`
          },
        ]} 
      />
      <Card>
        <List />
      </Card>
    </Page>
  )
}