@massds/mayflower-react/dist/UtilityPanel/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"));
var _index = _interopRequireDefault(require("../Paragraph/index.js"));
var _index2 = _interopRequireDefault(require("../DecorativeLink/index.js"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * UtilityPanel module.
 * @module @massds/mayflower-react/UtilityPanel
 * @requires module:@massds/mayflower-assets/scss/03-organisms/utility-panel
 * @requires module:@massds/mayflower-assets/scss/01-atoms/decorative-link
 */

var UtilityPanel = function UtilityPanel(utilityPanel) {
  var descriptionClasses = ['ma__utility-panel__description'];
  var links = utilityPanel.links;
  if (!Array.isArray(links) || links.length === 0) {
    descriptionClasses.push('ma__utility-panel__description--full');
  }
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__utility-panel"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: descriptionClasses.join(' ')
  }, /*#__PURE__*/_react["default"].createElement(_index["default"], utilityPanel.description)), /*#__PURE__*/_react["default"].createElement("ul", {
    className: "ma__utility-panel__items"
  }, links.map(function (decorativeLink, index) {
    return (
      /*#__PURE__*/
      // eslint-disable-next-line react/no-array-index-key
      _react["default"].createElement("li", {
        className: "ma__utility-panel__item js-clickable",
        key: index
      }, /*#__PURE__*/_react["default"].createElement(_index2["default"], decorativeLink))
    );
  })));
};
UtilityPanel.propTypes = process.env.NODE_ENV !== "production" ? {
  /** Text describing the contents of the panel */
  description: _propTypes["default"].shape(_index["default"].propTypes).isRequired,
  /** Links to display in the panel */
  links: _propTypes["default"].arrayOf(_propTypes["default"].shape(_index2["default"].propTypes))
} : {};
UtilityPanel.defaultProps = {
  links: []
};
var _default = exports["default"] = UtilityPanel;
module.exports = exports.default;