"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Extensions = exports.setDefaultImageStyles = exports.Image = exports.Wrapper = void 0;
const styled_1 = require("../../../styled");
exports.Wrapper = styled_1.styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(4)};
  align-items: center;
`;
exports.Image = styled_1.styled.img `
  display: block;

  width: 120px;
  height: 120px;

  object-fit: contain;
`;
exports.setDefaultImageStyles = exports.Image.withComponent;
exports.Extensions = styled_1.styled.span `
  text-transform: uppercase;
`;
