Custom Breadcrumbs

import CustomBreadcrumbs from 'src/components/custom-breadcrumbs';
 
function App() {
  return (
    <CustomBreadcrumbs
      heading="Heading"
      links={[
        {
          name: 'Home',
          href: '#',
          icon: <Iconify icon="eva:home-fill" />,
        },
        {
          name: 'Link1',
          href: '#',
          icon: <Iconify icon="eva:cube-outline" />,
        },
        {
          name: 'Link2',
          href: '#',
          icon: <Iconify icon="eva:cube-outline" />,
        },
        {
          name: 'Link3',
          href: '#',
          icon: <Iconify icon="eva:cube-outline" />,
        },
        { name: 'Link4', icon: <Iconify icon="eva:cube-outline" /> },
      ]}
      action={
        <Button variant="contained" startIcon={<Iconify icon="mingcute:add-line" />}>
          New Product
        </Button>
      }
    />
  );
}