"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Description = exports.Picture = exports.StyledDialogContent = void 0;
const DialogContent_1 = require("../../DialogContent");
const styled_1 = require("../../styled");
exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent) `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(4)};
  align-items: center;

  max-width: 556px;
`;
exports.Picture = styled_1.styled.picture `
  overflow: hidden;

  min-width: 100%;
  min-height: 325px;

  border: 1px solid ${({ theme }) => theme.palette.grey[100]};
  border-radius: ${({ theme }) => theme.shape.medium};
  
  
  > img {
    display: block;

    width: 100%;
    min-width: 100%;
  }
`;
exports.Description = styled_1.styled.span `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(3)};
  align-items: center;
`;
