import { Card, Stack } from "@mui/material";
import HeaderBreadcrumbs from "../../components/HeaderBreadcrumbs";
import Page from "../../components/Page";
import List from "./List";



export default function Invoice() {

  const pageTitle = 'Invoice Management';
  return (
    <Page title={ pageTitle } sx={{ mx: 2}}>

      <HeaderBreadcrumbs
        heading={ pageTitle }
        links={[
          { name: 'Dashboard', href: '/dashboard' },
          {
            name: 'Invoice Payment',
            href: '/invoice-payment',
          },
        ]}
      />

      {/* <Stack> */}
      <List />
      {/* </Stack> */}
    </Page>
  );
}
