"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _styles = require("@material-ui/core/styles");
var _sharedMessages = _interopRequireDefault(require("./../../sharedMessages"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
(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 useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    helpLink: {
      fontFamily: theme.typography.button.fontFamily,
      fontSize: "12px",
      textTransform: "uppercase",
      color: theme.palette.grey.borders,
      width: "40px",
      cursor: "pointer",
      paddingTop: "14px",
      paddingRight: "10px",
      textDecoration: "none",
      "&:hover": {
        color: theme.palette.primary.light
      }
    }
  };
});
var Help = function Help(_ref) {
  var helpUrl = _ref.helpUrl;
  var classes = useStyles();
  return /*#__PURE__*/_react.default.createElement("a", {
    href: helpUrl,
    target: "_blank",
    rel: "noreferrer",
    className: classes.helpLink
  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _sharedMessages.default.help));
};
__signature__(Help, "useStyles{classes}", function () {
  return [useStyles];
});
__signature__(Help, "useStyles{classes}", function () {
  return [useStyles];
});
var _default = Help;
var _default2 = _default;
var _default3 = exports.default = _default2;
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(useStyles, "useStyles", "/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(useStyles, "useStyles", "/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);
})();