@grafana/ui
Version:
Grafana Components Library
35 lines (32 loc) • 1 kB
JavaScript
import { jsx } from 'react/jsx-runtime';
import { css } from '@emotion/css';
import '@grafana/data';
import { useStyles2 } from '../../themes/ThemeContext.mjs';
import 'micro-memoize';
import '@emotion/react';
import 'tinycolor2';
import '../../utils/skeleton.mjs';
import { Portal } from '../Portal/Portal.mjs';
import { VizTooltipContainer } from './VizTooltipContainer.mjs';
const VizTooltip = ({ content, position, offset }) => {
const styles = useStyles2(getStyles);
if (position) {
return /* @__PURE__ */ jsx(Portal, { className: styles.portal, children: /* @__PURE__ */ jsx(VizTooltipContainer, { position, offset: offset || { x: 0, y: 0 }, children: content }) });
}
return null;
};
VizTooltip.displayName = "VizTooltip";
const getStyles = () => {
return {
portal: css({
position: "absolute",
top: 0,
left: 0,
pointerEvents: "none",
width: "100%",
height: "100%"
})
};
};
export { VizTooltip };
//# sourceMappingURL=VizTooltip.mjs.map