@kiwicom/smart-faq/lib/shared/StaticFAQ/ArticleFeedback/ScreenThankyou.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 _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

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{text-align:center;padding:32px 83px;}div.close-icon{position:absolute;top:8px;right:8px;cursor:pointer;}");
style.__hash = "2193755107";
style.__scoped = "div.feedbackMessage.jsx-2799696706{text-align:center;padding:32px 83px;}div.close-icon.jsx-2799696706{position:absolute;top:8px;right:8px;cursor:pointer;}";
style.__scopedHash = "2799696706";

var ScreenThankyou = function ScreenThankyou(props
/*: Props*/
) {
  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 props.changeScreen(_screenList.default.VOTING);
    },
    onKeyUp: null,
    tabIndex: "-1",
    role: "button",
    className: "jsx-".concat(style.__scopedHash) + " " + "close-icon"
  }, React.createElement(_Close.default, {
    customColor: "#bac7d5",
    size: "small"
  })), React.createElement(_Heading.default, {
    type: "title2"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.article_feedback.thank_you"
  })), React.createElement(_style.default, {
    styleId: style.__scopedHash,
    css: style.__scoped
  })));
};

var _default = ScreenThankyou;
exports.default = _default;