@kiwicom/smart-faq/lib/shared/StaticFAQ/ArticleFeedback/ScreenError.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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 = _interopRequireWildcard(require("react"));

var _Alert = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Alert"));

var _Close = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/Close"));

var _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate"));

var _screenList = _interopRequireDefault(require("./screenList"));

var _Box = _interopRequireDefault(require("../../../SmartFAQ/common/Box"));

// @flow
var style = new String("div.feedbackMessage{padding:32px 24px;}div.closeIcon{position:absolute;top:8px;right:8px;cursor:pointer;}");
style.__hash = "4268626143";
style.__scoped = "div.feedbackMessage.jsx-618653150{padding:32px 24px;}div.closeIcon.jsx-618653150{position:absolute;top:8px;right:8px;cursor:pointer;}";
style.__scopedHash = "618653150";

var ScreenError = function ScreenError(_ref) {
  var changeScreen = _ref.changeScreen,
      commentLimitReached = _ref.commentLimitReached;
  var warningMessage = commentLimitReached ? React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.error_message.comment_limit_reached"
  }) : React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.error_message.feedback_not_received"
  });
  return React.createElement(_Box.default, {
    border: "none",
    borderRadius: "4px",
    backgroundColor: "#f5f7f9"
  }, React.createElement("div", {
    className: "jsx-".concat(style.__scopedHash) + " " + "feedbackMessage"
  }, React.createElement("div", {
    onClick: function onClick() {
      return changeScreen(_screenList.default.VOTING);
    },
    onKeyUp: null,
    tabIndex: "-1",
    role: "button",
    className: "jsx-".concat(style.__scopedHash) + " " + "closeIcon"
  }, React.createElement(_Close.default, {
    customColor: "#bac7d5",
    size: "small"
  })), React.createElement(_Alert.default, {
    type: "warning",
    icon: commentLimitReached ? false : true
  }, warningMessage), React.createElement(_style.default, {
    styleId: style.__scopedHash,
    css: style.__scoped
  })));
};

var _default = ScreenError;
exports.default = _default;