import React from 'react';
import PropTypes from 'prop-types'

const P = ({ className, children, style, measure }) => {

  const s = getStyles(styleManifest, measure)

  return (
    <p className={`mb-7 ${s} ${className}`} style={style}>
      { children }
    </p>
  )
}

const getStyles = (sm, m) => sm[m];

const styleManifest = {
  sm: 'measure-sm',
  md: 'measure-md',
  lg: 'measure-lg',
}

P.propTypes = {
  className: PropTypes.string,
  children: PropTypes.node,
  style: PropTypes.object,
};


P.defaultProps = {
  className: '',
  style: {},
  measure: 'md',
};


export default P;