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

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

  // const s = getStyles(styleManifest, measure)

  return (
    <pre className={`flex ${className}`} style={style}>
      { children }
    </pre>
  )
}

// const getStyles = (sm, m) => sm[m];
//
// const styleManifest = {
//   sm: 'measure-sm',
//   md: 'measure-md',
//   lg: 'measure-lg',
// }

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


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


export default Code;