"use strict";

exports.__esModule = true;
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactRedux = require("react-redux");

var _main = require("../../store/rehab/main");

require("./style.css");

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

var ErrorMessageComponent = function ErrorMessageComponent(props) {
  var dispatch = (0, _reactRedux.useDispatch)();

  var onOk = function onOk() {
    dispatch((0, _main.cleanErrorMessage)());
  };

  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "result-record"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react["default"].createElement("h2", {
    className: "splash-subtitle"
  }, props.errorMessage), /*#__PURE__*/_react["default"].createElement("button", {
    className: "btn-outline",
    onClick: onOk
  }, "Try again")));
};

var _default = ErrorMessageComponent;
exports["default"] = _default;
module.exports = exports.default;