components.breadcrumbs.Breadcrumbs.tsx Maven / Gradle / Ivy

Go to download
import Breadcrumb from 'components/breadcrumbs/Breadcrumb';

import NavigateNextIcon from '@mui/icons-material/NavigateNext';
import { Typography } from '@mui/material';
import MuiBreadcrumbs from '@mui/material/Breadcrumbs';

import { Crumb } from './Crumb';

const Breadcrumbs = ({crumbs, chipped = false}: {crumbs: Crumb[], chipped?: boolean}) => {
  return (
      }
        maxItems={4}
        itemsAfterCollapse={2}
        itemsBeforeCollapse={2}
        sx={{
          ".MuiBreadcrumbs-ol": {gap: "5px"}, 
          ".MuiBreadcrumbs-separator": { margin: 0 }, 
        }}
      >
         {/* this causes the leading separator*/}
        { crumbs.map( (crumb, index) => 
           )
        }
      
  );
}

const BreadCrumbSeparator = () => 

export default Breadcrumbs;