"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SectionWrapper = exports.Section = void 0;
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.Section = styled_1.styled.section `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    margin: ${({ theme }) => theme.spacing(0, 4)};

    background-color: ${({ theme }) => theme.palette.background.default};
    border: 1px solid ${({ theme }) => theme.palette.components.border.default};
    border-radius: ${({ theme }) => theme.shape.medium};
  }
`;
exports.SectionWrapper = styled_1.styled.div `
  padding: ${({ theme }) => theme.spacing(0, 6)};

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

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

    &.${constants_1.pageLayoutSectionClassnames.isNoMobileSidePadding} {
      padding: ${({ theme }) => theme.spacing(4, 0)};
    }
  }
`;
