import styled from 'styled-components';
import Breadcrumbs from '@material-ui/core/Breadcrumbs';

import { ThemeObject } from '../Theme';

export const StyledBreadcrumbs = styled(Breadcrumbs).attrs((props: { $theme: ThemeObject }) => ({
  $theme: props.$theme,
}))`
  && {
    .MuiBreadcrumbs-separator {
      color: ${(props) => props.$theme.text.secondary};
    }
  }
`;
