design-system-simplefi
Version:
Design System for SimpleFi Applications
32 lines • 1.29 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from 'styled-components';
import PropTypes from 'prop-types';
import { path } from 'ramda';
import { SpacingSizeValuePropType } from '../../../types/spacing.types';
import { createSpacings } from '../../../utils';
import { Text } from '../Text';
import { TextSizes, TextVariants } from '../Text/Text.enums';
var Paragraph = styled(Text)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n white-space: break-spaces;\n ", ";\n"], ["\n margin-bottom: ", ";\n white-space: break-spaces;\n ", ";\n"])), path([
'theme',
'typography',
'margin',
'paragraph',
'bottom',
]), createSpacings);
Paragraph.propTypes = {
size: PropTypes.oneOf(Object.values(TextSizes)),
variant: PropTypes.oneOf(Object.values(TextVariants)),
margin: SpacingSizeValuePropType,
padding: SpacingSizeValuePropType,
};
Paragraph.defaultProps = {
size: TextSizes.lg,
variant: TextVariants.primary,
as: 'p',
};
export default Paragraph;
var templateObject_1;
//# sourceMappingURL=Paragraph.js.map