wix-style-react/dist/src/SparklineChart/ChartTooltip.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ChartTooltip = void 0;

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

var _ChartTooltipSt = require("./ChartTooltip.st.css");

var _Popover = _interopRequireDefault(require("../Popover"));

var _constants = require("./constants");

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

var ChartTooltip = function ChartTooltip(props) {
  var dataPoint = props.dataPoint;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _ChartTooltipSt.classes.absolutePosition,
    style: {
      left: dataPoint.xCoordinate,
      top: dataPoint.yCoordinate
    }
  }, /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
    theme: "dark",
    showArrow: true,
    shown: true,
    appendTo: "window",
    placement: "top",
    fluid: true,
    dataHooks: _constants.dataHooks.chartPopover
  }, /*#__PURE__*/_react["default"].createElement(_Popover["default"].Element, null, null), /*#__PURE__*/_react["default"].createElement(_Popover["default"].Content, null, /*#__PURE__*/_react["default"].createElement("div", {
    className: _ChartTooltipSt.classes.contentWrapper
  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, dataPoint.content)))));
};

exports.ChartTooltip = ChartTooltip;