import { MutableRefObject } from 'react';
import { ECharts as EChartsInstance } from 'echarts/core';
import { TimeSeries } from '@perses-dev/spec';
import { FormatOptions, TimeChartSeriesMapping } from '../model';
import { CursorCoordinates } from './tooltip-model';
export interface TimeChartTooltipProps {
    chartRef: MutableRefObject<EChartsInstance | undefined>;
    data: TimeSeries[];
    seriesMapping: TimeChartSeriesMapping;
    enablePinning?: boolean;
    pinnedPos: CursorCoordinates | null;
    /**
     * The id of the container that will have the chart tooltip appended to it.
     * By default, the chart tooltip is attached to document.body.
     */
    containerId?: string;
    onUnpinClick?: () => void;
    format?: FormatOptions;
    /**
     * Map of series ID to format options for per-series formatting (used with multiple Y axes)
     */
    seriesFormatMap?: Map<string, FormatOptions>;
    wrapLabels?: boolean;
}
export declare const TimeChartTooltip: import("react").NamedExoticComponent<TimeChartTooltipProps>;
//# sourceMappingURL=TimeChartTooltip.d.ts.map