import type { EChartsType } from "echarts/core";
import type React from "react";
import type { ComputedVisualizationSettings } from "../../../visualizations/types";
import type { ClickObject } from "../../../../metabase-lib";
import type { BaseCartesianChartModel } from "../cartesian/model/types";
import type { SankeyChartModel } from "../graph/sankey/model/types";
import type { PieChartModel } from "../pie/model/types";
export declare const TOOLTIP_POINTER_MARGIN = 10;
export declare const getTooltipPositionFn: (containerRef: React.RefObject<HTMLDivElement>) => (relativePoint: [number, number], _params: unknown, _tooltipContainer: unknown, _rect: unknown, size: {
    contentSize: [number, number];
}) => number[];
export declare const getTooltipBaseOption: (containerRef: React.RefObject<HTMLDivElement>) => {
    className: any;
    appendTo: () => HTMLDivElement;
    position: (relativePoint: [number, number], _params: unknown, _tooltipContainer: unknown, _rect: unknown, size: {
        contentSize: [number, number];
    }) => number[];
};
export declare const getMarkerColorClass: (hexColor: string) => string;
export declare const useInjectSeriesColorsClasses: (hexColors: string[]) => import("react/jsx-runtime").JSX.Element | null;
export declare const useClickedStateTooltipSync: (chart?: EChartsType, clicked?: ClickObject) => void;
export declare const useCartesianChartSeriesColorsClasses: (chartModel: BaseCartesianChartModel, settings: ComputedVisualizationSettings) => import("react/jsx-runtime").JSX.Element | null;
export declare const useSankeyChartColorsClasses: (chartModel: SankeyChartModel) => import("react/jsx-runtime").JSX.Element | null;
export declare const usePieChartValuesColorsClasses: (chartModel: PieChartModel) => import("react/jsx-runtime").JSX.Element | null;
export declare const useCloseTooltipOnScroll: (chartRef: React.MutableRefObject<EChartsType | undefined>) => void;
