@up-group-ui/react-controls
Version:
Up shared react controls
40 lines • 1.52 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = exports.marginCss = exports.calculateSize = exports.calculateMargin = void 0;
var tslib_1 = require("tslib");
var utils_1 = (0, tslib_1.__importDefault)(require("../../../Common/utils"));
var typestyle_1 = require("typestyle");
var sizeMap = {
small: 14,
medium: 16,
large: 24,
xlarge: 32,
};
var marginSizeMap = {
none: 0,
small: 12,
medium: 24,
large: 48,
};
var calculateMargin = function (margin) { return (0, utils_1.default)(marginSizeMap[margin]); };
exports.calculateMargin = calculateMargin;
var calculateSize = function (size) { return (0, utils_1.default)(sizeMap[size]); };
exports.calculateSize = calculateSize;
var defaultProps = {
color: '#fff',
textAlign: 'center',
paragraphSize: 'medium',
margin: 'medium',
};
var marginCss = function (margin) {
return {
marginTop: (0, exports.calculateMargin)(margin),
marginBottom: (0, exports.calculateMargin)(margin),
};
};
exports.marginCss = marginCss;
var getStyles = function (props) {
return (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({ textAlign: props.textAlign || defaultProps.textAlign, color: props.color || defaultProps.color }, (0, exports.marginCss)(props.margin || defaultProps.margin)), { fontSize: (0, exports.calculateSize)(props.paragraphSize || defaultProps.paragraphSize) }));
};
exports.getStyles = getStyles;
//# sourceMappingURL=styles.js.map