@massds/mayflower-react/dist/Error500/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("../NarrowTemplate/index.js"));
var _index2 = _interopRequireDefault(require("../ErrorPage/index.js"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * Error500 module.
 * @module @massds/mayflower-react/Error500
 * @requires module:@massds/mayflower-assets/scss/04-templates/narrow-template
 * @requires module:@massds/mayflower-assets/scss/03-organisms/error-page
 */

var Error500 = function Error500(_ref) {
  var siteLogo = _ref.siteLogo;
  return /*#__PURE__*/_react["default"].createElement(_index["default"], {
    side: "right",
    color: "yellow",
    siteLogo: siteLogo
  }, /*#__PURE__*/_react["default"].createElement(_index2["default"], {
    type: "500",
    label: "Uh Oh",
    title: "Something went wrong",
    message: "Sorry, we're having some technical issues. Please try refreshing the page in a few minutes"
  }));
};
Error500.propTypes = process.env.NODE_ENV !== "production" ? {
  /** A function that returns a SiteLogo component for NarrowTemplate to render. */
  siteLogo: _propTypes["default"].func
} : {};
var _default = exports["default"] = Error500;
module.exports = exports.default;