"use strict";

exports.__esModule = true;
exports.default = exports.TooltipBubble = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _utils = require("../utils");
var _Text = _interopRequireDefault(require("./Text"));
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 TooltipBubble = exports.TooltipBubble = _styledComponents.default.div.withConfig({
  displayName: "Tooltip__TooltipBubble",
  componentId: "sc-1yt5e7a-0"
})(["position:absolute;top:50%;right:-10px;transform:translate(-99999px,-50%);color:", ";background-color:#fff;border:1px solid ", ";border-radius:3px;padding:0 3px;transition:transform 0s;cursor:default;font-family:", ";text-transform:none;*:hover > &{transform:translate(100%,-50%);transition:transform 1.5s step-end;}&::before{content:\"\";position:absolute;top:4px;left:-10px;border:5px solid transparent;border-right-color:", ";}&::after{content:\"\";position:absolute;top:4px;left:-9px;border:5px solid transparent;border-right-color:#ffffff;}"], (0, _utils.getThemeProp)(["colors", "text"], "#333333"), (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"), (0, _utils.getThemeProp)(["fonts", "base"], "sans-serif"), (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"));
var Tooltip = function Tooltip(_ref) {
  var message = _ref.message;
  return /*#__PURE__*/_react.default.createElement(TooltipBubble, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
    message: message
  }));
};
var _default = Tooltip;
var _default2 = _default;
var _default3 = exports.default = _default2;
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(TooltipBubble, "TooltipBubble", "/home/vsts/work/1/s/src/components/Tooltip.js");
  reactHotLoader.register(Tooltip, "Tooltip", "/home/vsts/work/1/s/src/components/Tooltip.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Tooltip.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(TooltipBubble, "TooltipBubble", "/home/vsts/work/1/s/src/components/Tooltip.js");
  reactHotLoader.register(Tooltip, "Tooltip", "/home/vsts/work/1/s/src/components/Tooltip.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Tooltip.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();