"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const constants_1 = require("../constants");
const styled_1 = require("../styled");
exports.Wrapper = styled_1.styled.footer `
  display: flex;
  gap: ${({ theme }) => theme.spacing(4)};
  align-items: center;
  justify-content: flex-end;

  min-height: ${constants_1.FOOTER_DESKTOP_HEIGHT};
  padding: ${({ theme }) => theme.spacing(0, 6)};

  background-color: ${({ theme }) => theme.palette.background.default};
  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
  border-bottom-right-radius: ${({ theme, $hasAside }) => ($hasAside ? 0 : theme.shape.medium)};
  border-bottom-left-radius: ${({ theme }) => theme.shape.medium};

  ${({ theme }) => theme.breakpoints.down('laptop')} {
    min-height: ${constants_1.FOOTER_LAPTOP_HEIGHT};
  }

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

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
`;
