Heading React Component

Heading.js

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

const Heading = ({children, cssClass, level}) => {
  const Tag = `h${level}`

  return <Tag className={cssClass}>{children}</Tag>
}

Heading.propTypes = {
  children: PropTypes.node.isRequired,
  level: PropTypes.number.isRequired,
  cssClass: PropTypes.string
}

export default Heading

Usage:

import Heading from './heading.js';

<Heading level={2}>Hello, I am a second level heading</Heading>