UNPKG

@massds/mayflower-react

Version:

React versions of Mayflower design system UI components

29 lines 1.14 kB
/** * ErrorPage module. * @module @massds/mayflower-react/ErrorPage * @requires module:@massds/mayflower-assets/scss/03-organisms/error-page */ import React from "react"; import PropTypes from "prop-types"; const ErrorPage = errorPage => /*#__PURE__*/React.createElement("section", { className: "ma__error-page" }, /*#__PURE__*/React.createElement("div", { className: "ma__error-page__type" }, errorPage.type), /*#__PURE__*/React.createElement("div", { className: "ma__error-page__label" }, errorPage.label), /*#__PURE__*/React.createElement("h1", { className: "ma__error-page__title" }, errorPage.title), /*#__PURE__*/React.createElement("h2", { className: "ma__error-page__message" }, errorPage.message)); ErrorPage.propTypes = process.env.NODE_ENV !== "production" ? { /** The type of error */ type: PropTypes.string.isRequired, /** The bold error label to display */ label: PropTypes.string.isRequired, /** The title text for the error */ title: PropTypes.string.isRequired, /** The descriptive message about the error for users to see */ message: PropTypes.string.isRequired } : {}; export default ErrorPage;