"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DesktopTitleWrapper = exports.PageSubheader = exports.BreadcrumbsWrapper = void 0;
const styled_1 = require("../../styled");
exports.BreadcrumbsWrapper = styled_1.styled.div `
  grid-column: 2;
  grid-row: 1;

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

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
exports.PageSubheader = styled_1.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};
  }
`;
exports.DesktopTitleWrapper = styled_1.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]};
  }
`;
