import { DialogContent } from '../../DialogContent';
import { styled } from '../../styled';
export const StyledDialogContent = styled(DialogContent) `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(4)};
  align-items: center;

  max-width: 556px;
`;
export const Picture = 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%;
  }
`;
export const Description = styled.span `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(3)};
  align-items: center;
`;
