import { AutosaveErrorOutlineMd } from '../../../icons/AutosaveErrorOutlineMd';
import { Button } from '../../Button';
import { styled } from '../../styled';
export const ErrorWrapper = styled.div `
  display: flex;
  flex-direction: column;
`;
export const StyledButton = styled(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};
`;
export const ErrorIcon = styled(AutosaveErrorOutlineMd) `
  width: 20px;
  height: 20px;
  margin: ${({ theme }) => theme.microSpacing(3)};

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