@massds/mayflower-react/dist/CalloutAlert/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 _classnames = _interopRequireDefault(require("classnames"));
var Icon = _interopRequireWildcard(require("../Icon/index.js"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * CalloutAlert module.
 * @module @massds/mayflower-react/CalloutAlert
 * @requires module:@massds/mayflower-assets/scss/03-organisms/callout-alert
 */

// eslint-disable-next-line import/no-unresolved

var CalloutAlert = function CalloutAlert(props) {
  var _classNames, _props$icon, _props$icon2;
  var calloutAlertClasses = (0, _classnames["default"])((_classNames = {
    'ma__callout-alert': true
  }, _classNames["ma__callout-alert--" + props.theme] = props.theme, _classNames));
  var calloutAlertContentClasses = (0, _classnames["default"])({
    'ma__callout-alert__content': true,
    'ma__callout-alert__content--no-icon': !(props.icon && props.icon.name)
  });
  var IconComponent = props !== null && props !== void 0 && (_props$icon = props.icon) !== null && _props$icon !== void 0 && _props$icon.name ? Icon[props.icon.name] : null;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: calloutAlertClasses
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: calloutAlertContentClasses
  }, (props === null || props === void 0 ? void 0 : (_props$icon2 = props.icon) === null || _props$icon2 === void 0 ? void 0 : _props$icon2.name) && /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__callout-alert__icon"
  }, /*#__PURE__*/_react["default"].createElement(IconComponent, props.icon)), props.children));
};
CalloutAlert.propTypes = process.env.NODE_ENV !== "production" ? {
  icon: _propTypes["default"].shape({
    name: _propTypes["default"].string,
    title: _propTypes["default"].string,
    width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
    height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
    className: _propTypes["default"].string,
    fill: _propTypes["default"].string
  }),
  /** Themes correspond to site color scheme i.e. sass variables */
  theme: _propTypes["default"].oneOf(['', 'c-primary', 'c-primary-alt', 'c-highlight', 'c-gray-dark', 'c-error-red']),
  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].array])
} : {};
CalloutAlert.defaultProps = {
  icon: {
    name: 'IconAlert'
  }
};
var _default = exports["default"] = CalloutAlert;
module.exports = exports.default;