@massds/mayflower-react/dist/ColoredHeading/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * ColoredHeading module.
 * @module @massds/mayflower-react/ColoredHeading
 * @requires module:@massds/mayflower-assets/scss/01-atoms/colored-heading
 */

var ColoredHeading = function ColoredHeading(coloredHeading) {
  var Element = "h" + coloredHeading.level;
  var classes = ['ma__colored-heading'];
  if (coloredHeading.color) {
    classes.push("ma__colored-heading--" + coloredHeading.color);
  }
  classes = classes.join(' ');
  return /*#__PURE__*/_react["default"].createElement(Element, {
    className: classes,
    tabIndex: "-1"
  }, coloredHeading.text);
};
ColoredHeading.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The heading text  */
  text: _propTypes["default"].string.isRequired,
  /** The heading level */
  level: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
  /** The color of the heading */
  color: _propTypes["default"].oneOf(['', 'green', 'blue', 'gray'])
} : {};
ColoredHeading.defaultProps = {
  level: 2,
  color: ''
};
var _default = exports["default"] = ColoredHeading;
module.exports = exports.default;