@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
29 lines • 1.14 kB
JavaScript
/**
* 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;