import styled from 'styled-components/native';
import { getTheme, ifStyle } from '../../utils/helpers';
import Typography from '../Typography';
const isCentered = ifStyle('centered');
const isLarge = ifStyle('large');
const danger = getTheme('danger.main');
const smallSpacing = getTheme('spacing.xs');
export const ErrorText = styled(Typography).attrs((props) => ({
    variant: isLarge('sm', 'xs')(props),
})) `
  color: ${danger};
  text-align: ${isCentered('center', 'left')};
  margin-top: ${isLarge(0, smallSpacing)}px;
`;
//# sourceMappingURL=styles.js.map