@massds/mayflower-react/dist/ErrorPage/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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/**
 * ErrorPage module.
 * @module @massds/mayflower-react/ErrorPage
 * @requires module:@massds/mayflower-assets/scss/03-organisms/error-page
 */
var ErrorPage = function ErrorPage(errorPage) {
  return /*#__PURE__*/_react["default"].createElement("section", {
    className: "ma__error-page"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__error-page__type"
  }, errorPage.type), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__error-page__label"
  }, errorPage.label), /*#__PURE__*/_react["default"].createElement("h1", {
    className: "ma__error-page__title"
  }, errorPage.title), /*#__PURE__*/_react["default"].createElement("h2", {
    className: "ma__error-page__message"
  }, errorPage.message));
};

ErrorPage.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The type of error */
  type: _propTypes["default"].string.isRequired,

  /** The bold error label to display */
  label: _propTypes["default"].string.isRequired,

  /** The title text for the error */
  title: _propTypes["default"].string.isRequired,

  /** The descriptive message about the error for users to see */
  message: _propTypes["default"].string.isRequired
} : {};
var _default = ErrorPage;
exports["default"] = _default;
module.exports = exports.default;