"use strict";

exports.__esModule = true;
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/**
 * Tabheader is used for Large Tabs with subheadings;
 * @param props
 * @returns {XML}
 * @constructor
 */
var TabHeader = function TabHeader(props) {
  var heading = props.heading,
      subHeading = props.subHeading;
  return (//Element type requires by UI-Collab Style
    _react.default.createElement("cui-tab-heading", null, heading, subHeading && _react.default.createElement("div", null, subHeading))
  );
};

TabHeader.propTypes = {
  /**
   * required heading prop type
   */
  heading: _propTypes.default.string.isRequired,

  /**
   * optional subHeading prop type
   */
  subHeading: _propTypes.default.string
};
TabHeader.defaultProps = {
  subHeading: ''
};
TabHeader.displayName = 'TabHeader';
var _default = TabHeader;
exports.default = _default;