"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const styled_system_1 = require("styled-system");
const Box_1 = require("../Box");
const textStyle = styled_system_1.variant({
    key: 'texts'
});
exports.TextComponent = styled_components_1.default(Box_1.Box)(textStyle, styled_system_1.color, styled_system_1.fontFamily, styled_system_1.fontWeight, styled_system_1.lineHeight, styled_system_1.fontSize, styled_system_1.letterSpacing, props => (Object.assign({}, (props.bold && styled_system_1.fontWeight(Object.assign({}, props, { fontWeight: 'bold' }))), { overflowWrap: 'break-word' })));
exports.TextComponent.defaultProps = {
    as: 'span',
    variant: 'b1'
    // fontSize: 'baseText',
    // lineHeight: 'normal',
};
exports.Text = Object.assign(exports.TextComponent, {
    defaultProps: exports.TextComponent.defaultProps
});
//# sourceMappingURL=Text.js.map