@massds/mayflower-react/dist/Error500/index.mjs

React versions of Mayflower design system UI components

/**
 * 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
 */
import React from "react";
import PropTypes from "prop-types";
import NarrowTemplate from "../NarrowTemplate/index.mjs";
import ErrorPage from "../ErrorPage/index.mjs";

const Error500 = (_ref) => {
  let siteLogo = _ref.siteLogo;
  return /*#__PURE__*/React.createElement(NarrowTemplate, {
    side: "right",
    color: "yellow",
    siteLogo: siteLogo
  }, /*#__PURE__*/React.createElement(ErrorPage, {
    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.func
} : {};
export default Error500;