import React from 'react';
import PropTypes from 'prop-types';
import './styles.css';

var ErrorPage = function ErrorPage(errorPage) {
  return React.createElement(
    'section',
    { className: 'ma__error-page' },
    React.createElement(
      'div',
      { className: 'ma__error-page__type' },
      errorPage.type
    ),
    React.createElement(
      'div',
      { className: 'ma__error-page__label' },
      errorPage.label
    ),
    React.createElement(
      'h1',
      { className: 'ma__error-page__title' },
      errorPage.title
    ),
    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;