"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ErrorIcon = exports.StyledButton = exports.ErrorWrapper = void 0;
const AutosaveErrorOutlineMd_1 = require("../../../icons/AutosaveErrorOutlineMd");
const Button_1 = require("../../Button");
const styled_1 = require("../../styled");
exports.ErrorWrapper = styled_1.styled.div `
  display: flex;
  flex-direction: column;
`;
exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
  align-self: flex-end;

  height: unset;
  padding: ${({ theme }) => theme.spacing(0, 2)};

  font-size: ${({ theme }) => theme.typography.pointer.fontSize};
  font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
  line-height: ${({ theme }) => theme.typography.pointer.lineHeight};
`;
exports.ErrorIcon = (0, styled_1.styled)(AutosaveErrorOutlineMd_1.AutosaveErrorOutlineMd) `
  width: 20px;
  height: 20px;
  margin: ${({ theme }) => theme.microSpacing(3)};

  color: ${({ theme }) => theme.palette.red[800]};
`;
