import { styled } from '../../styled';
export const BreadcrumbsWrapper = styled.div `
  grid-column: 2;
  grid-row: 1;

  margin-bottom: ${({ theme }) => theme.spacing(1)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
export const PageSubheader = styled.div `
  grid-column: 1 / -1;
  grid-row: 6;

  padding-top: ${({ theme }) => theme.spacing(4)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    padding: ${({ theme }) => theme.spacing(0, 4, 4, 4)};

    border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
  }
`;
export const DesktopTitleWrapper = styled.div `
  display: contents;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;

    min-height: 48px;
    padding: ${({ theme }) => theme.spacing(0, 4)};

    background-color: ${({ theme }) => theme.palette.grey[100]};
  }
`;
