"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ErrorText = void 0;
const tslib_1 = require("tslib");
const native_1 = tslib_1.__importDefault(require("styled-components/native"));
const theme_toolkit_1 = require("@platformbuilders/theme-toolkit");
const Typography_1 = tslib_1.__importDefault(require("../Typography"));
const isCentered = (0, theme_toolkit_1.ifStyle)('centered');
const isLarge = (0, theme_toolkit_1.ifStyle)('large');
const danger = (0, theme_toolkit_1.getTheme)('danger.main');
const smallSpacing = (0, theme_toolkit_1.getTheme)('spacing.xs');
exports.ErrorText = (0, native_1.default)(Typography_1.default).attrs((props) => ({
    variant: isLarge('sm', 'xs')(props),
})) `
  color: ${danger};
  text-align: ${isCentered('center', 'left')};
  margin-top: ${isLarge(0, smallSpacing)}px;
`;
//# sourceMappingURL=styles.js.map