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

"use strict";

require("core-js/modules/es.object.get-own-property-descriptor");

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 _ValueBind = _interopRequireDefault(require("@kiwicom/nitro/lib/components/ValueBind"));

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

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

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

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

// @flow
var style = new String("div.closeIcon.jsx-463081628{position:absolute;top:8px;right:8px;cursor:pointer;}");
style.__hash = "463081628";

var ScreenError = function ScreenError(_ref) {
  var changeScreen = _ref.changeScreen,
      commentLimitReached = _ref.commentLimitReached;
  return React.createElement(_Box.default, {
    border: "none",
    borderRadius: "4px",
    backgroundColor: "#f5f7f9",
    padding: "32px 24px"
  }, React.createElement(_ValueBind.default, {
    value: _screenList.default.VOTING,
    onChange: changeScreen
  }, function (_ref2) {
    var onClick = _ref2.onClick;
    return React.createElement("div", {
      onClick: onClick,
      onKeyUp: null,
      tabIndex: "-1",
      role: "button",
      className: "jsx-".concat(style.__hash) + " " + "closeIcon"
    }, React.createElement(_Close.default, {
      customColor: "#bac7d5",
      size: "small"
    }));
  }), React.createElement(_Alert.default, {
    type: "warning",
    icon: !commentLimitReached
  }, 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"
  })), React.createElement(_style.default, {
    styleId: style.__hash,
    css: style
  }));
};

var _default = ScreenError;
exports.default = _default;