@kiwicom/smart-faq/lib/SmartFAQ/common/FullFAQLink.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 _NewWindow = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/NewWindow"));

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

var _trackers = require("../../shared/helpers/analytics/trackers");

var _tracker = require("../../shared/cuckoo/tracker");

// @flow
var style = new String("div.open-icon{display:inline-block;vertical-align:1px;margin-left:4px;}a{-webkit-text-decoration:none;text-decoration:none;color:inherit;font-size:14px;font-weight:700;}.primary{color:#00a991;}");
style.__hash = "2356636028";
style.__scoped = "div.open-icon.jsx-3798246845{display:inline-block;vertical-align:1px;margin-left:4px;}a.jsx-3798246845{-webkit-text-decoration:none;text-decoration:none;color:inherit;font-size:14px;font-weight:700;}.primary.jsx-3798246845{color:#00a991;}";
style.__scopedHash = "3798246845";
/*:: type Props = {
  className?: string,
};*/

var linkClicked = function linkClicked() {
  (0, _trackers.simpleTracker)('smartFAQBookingOverview', {
    action: 'goToOldHelp'
  });
  (0, _tracker.track)('FAQs', 'goToOldHelp');
};

var FullFAQLink = function FullFAQLink(props
/*: Props*/
) {
  return React.createElement(React.Fragment, null, React.createElement("a", {
    target: "_blank",
    rel: "noopener noreferrer",
    href: "/helpcenter",
    onClick: linkClicked,
    className: "jsx-".concat(style.__scopedHash) + " " + (props.className || "")
  }, React.createElement(_Translate.default, {
    t: "smartfaq.full_faq_link"
  }), React.createElement("span", {
    className: "jsx-".concat(style.__scopedHash) + " " + "inline-icon"
  }, React.createElement("div", {
    className: "jsx-".concat(style.__scopedHash) + " " + "open-icon"
  }, React.createElement(_NewWindow.default, {
    customColor: props.className === 'primary' ? '#00a991' : '#171b1e',
    size: "small"
  })))), React.createElement(_style.default, {
    styleId: style.__scopedHash,
    css: style.__scoped
  }));
};

var _default = FullFAQLink;
exports.default = _default;