on d760cbf help sign in
34 lines 593 B history raw
1import React from 'react';
2import PropTypes from 'prop-types';
4const P = ({ className, children, style, measure }) => {
5 const s = getStyles(styleManifest, measure);
7 return (
8 <p className={`mb-7 ${s} ${className}`} style={style}>
9 {children}
10 </p>
11 );
12};
14const getStyles = (sm, m) => sm[m];
16const styleManifest = {
17 sm: 'measure-sm',
18 md: 'measure-md',
19 lg: 'measure-lg',
20};
22P.propTypes = {
23 className: PropTypes.string,
24 children: PropTypes.node,
25 style: PropTypes.object,
26};
28P.defaultProps = {
29 className: '',
30 style: {},
31 measure: 'md',
32};
34export default P;