@momentum-ui/react/src/lib/TabHeader/index.js

Cisco Momentum UI framework for ReactJs applications

/** @component tabs */

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

const TabHeader = props => {
  const { heading, subHeading } = props;

  return (
    //Element type required by Momentum UI Style
    <md-tab-heading>
      {heading}
      {subHeading && <div>{subHeading}</div>}
    </md-tab-heading>
  );
};

TabHeader.propTypes = {
  /** @prop TabHeader text */
  heading: PropTypes.string.isRequired,
  /** @prop Subheader text | '' */
  subHeading: PropTypes.string,
};

TabHeader.defaultProps = {
  subHeading: '',
};

TabHeader.displayName = 'TabHeader';

export default TabHeader;