"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Footer = exports.WrapperTextContent = exports.Wrapper = exports.Image = exports.Container = void 0;
const Grid_1 = require("../../Grid");
const styled_1 = require("../../styled");
exports.Container = styled_1.styled.article `
  width: 100%;
  height: 100%;

  color: ${({ theme }) => theme.palette.grey[900]};
`;
exports.Image = styled_1.styled.img `
  display: block;

  width: 100%;
  max-width: 100%;
  height: 160px;
  max-height: 100%;

  object-fit: contain;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    object-fit: cover;
  }
`;
exports.Wrapper = (0, styled_1.styled)(Grid_1.Grid) `
  gap: ${({ theme }) => theme.spacing(6)};

  padding: ${({ theme }) => theme.spacing(8, 6, 6)};

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

    padding: ${({ theme }) => theme.spacing(4)};
  }
`;
exports.WrapperTextContent = (0, styled_1.styled)(Grid_1.Grid) `
  gap: ${({ theme }) => theme.spacing(2)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    gap: ${({ theme }) => theme.spacing(3)};
  }
`;
exports.Footer = styled_1.styled.footer `
  display: flex;
  gap: ${({ theme }) => theme.spacing(4)};
  align-items: center;
  justify-content: flex-end;
`;
