content: import React from 'react'
  import PropTypes from 'prop-types'
  
  const SingleLine = ({ children }) => {
    return (
      <h2 className='section-header'>
        { children }
      </h2>
    )
  }
  const NBSpace = () => <span>&nbsp;</span>
  const Lace = () => <span>{'{'}</span>
  const Race = () => <span>{'}'}</span>
  const Text = ({ text }) => <span>{ text }</span>
  
  const SectionHeader = ({ text }) => {
    return (
      <SingleLine>
        <Lace /><NBSpace /><Text text={text} /><NBSpace /><Race />
      </SingleLine>
    )
  }
  
  SingleLine.propTypes = {
    children: PropTypes.node.isRequired
  }
  SectionHeader.propTypes = {
    text: PropTypes.string.isRequired
  }
  
  export default SectionHeader
  