import React, { CSSProperties } from 'react';
import { ShapeDefinition, ConditionalFormattingRule, DataItem, Key } from '../../../../../shared-logic/src/ChartsV2/types';
import { LineStyles } from '../../../../../shared-logic/src/LineChartV2/types';
import { BarStyles } from '../../../../../shared-logic/src/BarChartV2/types';
import { AreaStyles } from '../../../../../shared-logic/src/AreaChartV2/types';
import { BubbleStyles } from '../../../../../shared-logic/src/BubbleChartV2/types';
interface TooltipProps<T> {
    keys: {
        [key: string]: Key;
    };
    showRoundedTotal: boolean;
    tooltipData: {
        [keyId: string]: DataItem;
    };
    tooltipLeft: number;
    tooltipTop: number;
    xKey: string;
    yKeys?: string[];
    items: {
        legendItems: Array<ShapeDefinition<T>>;
        conditionalFormattingRules: Array<ConditionalFormattingRule>;
        visibleYKeys: string[];
    }[];
    theme: CSSProperties;
    shouldShowColorLegend?: boolean;
}
export declare const Tooltip: ({ keys, showRoundedTotal, tooltipData, tooltipLeft, tooltipTop, xKey, yKeys, theme, items, shouldShowColorLegend, }: TooltipProps<LineStyles | BarStyles | AreaStyles | BubbleStyles>) => React.ReactPortal;
export {};
