"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledDivider = exports.Wrapper = void 0;
const Divider_1 = require("@mui/material/Divider");
const Divider_2 = require("../Divider");
const styled_1 = require("../styled");
exports.Wrapper = styled_1.styled.div `
  position: relative;

  padding: ${({ theme }) => theme.spacing(5, 0)};

  :first-of-type {
    padding: ${({ theme }) => theme.spacing(0, 0, 5)};
  }

  :last-of-type {
    padding: ${({ theme }) => theme.spacing(5, 0, 0)};

    .${Divider_1.dividerClasses.root} {
      display: none;
    }
  }

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

    :first-of-type {
      padding: ${({ theme }) => theme.spacing(3, 0, 4)};
    }

    :last-of-type {
      padding: ${({ theme }) => theme.spacing(4, 0, 3)};
    }
  }
`;
exports.StyledDivider = (0, styled_1.styled)(Divider_2.Divider, {
    shouldForwardProp: (prop) => !['$isFullWidth'].includes(prop),
}) `
  position: absolute;
  bottom: 0;
  left: ${({ $isFullWidth, theme }) => $isFullWidth ? `${theme.spacing(-6)}` : '0'};

  width: ${({ $isFullWidth, theme }) => $isFullWidth ? `calc(100% + ${theme.spacing(12)})` : '100%'};

  ${({ theme }) => theme.breakpoints.down('laptop')} {
    width: ${({ $isFullWidth, theme }) => ($isFullWidth ? `calc(100% + ${theme.spacing(10)})` : '100%')};
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    left: ${({ $isFullWidth, theme }) => $isFullWidth ? `${theme.spacing(-4)}` : '0'};

    width: ${({ $isFullWidth, theme }) => $isFullWidth ? `calc(100% + ${theme.spacing(8)})` : '100%'};
  }
`;
