"use strict";

exports.__esModule = true;
exports.default = exports.HelpLink = void 0;

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Text = _interopRequireDefault(require("../Text"));

var _utils = require("../../utils");

var _sharedMessages = _interopRequireDefault(require("./../../sharedMessages"));

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

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var HelpLink = _styledComponents.default.a.withConfig({
  displayName: "Help__HelpLink",
  componentId: "sc-1ndo3tq-0"
})(["font-family:", ";font-size:12px;text-transform:uppercase;color:", ";width:40px;cursor:pointer;padding-top:14px;padding-right:10px;text-decoration:none;&:hover{color:", ";}"], (0, _utils.getThemeProp)(["fonts", "header"], "sans-serif"), (0, _utils.getThemeProp)(["colors", "textLight"], "#cccccc"), (0, _utils.getThemeProp)(["colors", "application", "base"], "#cccccc"));

exports.HelpLink = HelpLink;

var Help = function Help(_ref) {
  var helpUrl = _ref.helpUrl;
  return /*#__PURE__*/_react.default.createElement(HelpLink, {
    href: helpUrl,
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
    message: _sharedMessages.default.help
  }));
};

var _default = Help;
var _default2 = _default;
var _default3 = _default2;
exports.default = _default3;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(HelpLink, "HelpLink", "/home/vsts/work/1/s/src/components/AppFrame/Help.js");
  reactHotLoader.register(Help, "Help", "/home/vsts/work/1/s/src/components/AppFrame/Help.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/AppFrame/Help.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();

;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(HelpLink, "HelpLink", "/home/vsts/work/1/s/src/components/AppFrame/Help.js");
  reactHotLoader.register(Help, "Help", "/home/vsts/work/1/s/src/components/AppFrame/Help.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/AppFrame/Help.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();