@kiwicom/smart-faq/lib/SmartFAQ/common/ErrorMessage.js

Smart FAQ

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

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

var _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

var _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

var _ContactPageLink = _interopRequireDefault(require("./ContactPageLink"));

// @flow
var styles = new String(".errorContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:480px;height:100%;overflow-y:auto;overflow-x:hidden;padding:0 50px;}.desc{margin:10px 0;}");
styles.__hash = "4024018775";
styles.__scoped = ".errorContainer.jsx-2885065558{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:480px;height:100%;overflow-y:auto;overflow-x:hidden;padding:0 50px;}.desc.jsx-2885065558{margin:10px 0;}";
styles.__scopedHash = "2885065558";

var ErrorMessage = function ErrorMessage() {
  return _react.default.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "errorContainer"
  }, _react.default.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash)
  }, _react.default.createElement(_Heading.default, null, "Something's not quite right."), _react.default.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "desc"
  }, _react.default.createElement(_Text.default, {
    size: "large",
    type: "secondary"
  }, "Please, try refreshing the page. Sign out. Then sign in again. If the problem persists, don't hesitate to contact us.")), _react.default.createElement(_ContactPageLink.default, {
    textColor: "#00a991"
  })), _react.default.createElement(_style.default, {
    styleId: styles.__scopedHash,
    css: styles.__scoped
  }));
};

var _default = ErrorMessage;
exports.default = _default;