wix-style-react
Version:
25 lines • 937 B
JavaScript
import React from 'react';
import { classes } from './ChartTooltip.st.css';
import Popover from '../Popover';
import { dataHooks } from './constants';
import Text from '../Text';
export var ChartTooltip = function ChartTooltip(props) {
var dataPoint = props.dataPoint;
return /*#__PURE__*/React.createElement("div", {
className: classes.absolutePosition,
style: {
left: dataPoint.xCoordinate,
top: dataPoint.yCoordinate
}
}, /*#__PURE__*/React.createElement(Popover, {
theme: "dark",
showArrow: true,
shown: true,
appendTo: "window",
placement: "top",
fluid: true,
dataHooks: dataHooks.chartPopover
}, /*#__PURE__*/React.createElement(Popover.Element, null, null), /*#__PURE__*/React.createElement(Popover.Content, null, /*#__PURE__*/React.createElement("div", {
className: classes.contentWrapper
}, /*#__PURE__*/React.createElement(Text, null, dataPoint.content)))));
};