'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

require('./styles.css');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ErrorPage = function ErrorPage(errorPage) {
  return _react2.default.createElement(
    'section',
    { className: 'ma__error-page' },
    _react2.default.createElement(
      'div',
      { className: 'ma__error-page__type' },
      errorPage.type
    ),
    _react2.default.createElement(
      'div',
      { className: 'ma__error-page__label' },
      errorPage.label
    ),
    _react2.default.createElement(
      'h1',
      { className: 'ma__error-page__title' },
      errorPage.title
    ),
    _react2.default.createElement(
      'h2',
      { className: 'ma__error-page__message' },
      errorPage.message
    )
  );
};

ErrorPage.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The type of error */
  type: _propTypes2.default.string.isRequired,
  /** The bold error label to display */
  label: _propTypes2.default.string.isRequired,
  /** The title text for the error */
  title: _propTypes2.default.string.isRequired,
  /** The descriptive message about the error for users to see */
  message: _propTypes2.default.string.isRequired
} : {};

exports.default = ErrorPage;
module.exports = exports['default'];