import { FunctionComponent } from 'react';
import { Margin } from '../../utils/buildMargin';
import { DataItem, ShapeDefinition } from '../../../../../shared-logic/src/ChartsV2/types';
import { DataType } from '../../../../../shared-logic/src/Field/types';
import { AreaStyles } from '../../../../../shared-logic/src/AreaChartV2/types';
import { BubbleStyles } from '../../../../../shared-logic/src/BubbleChartV2/types';
import { LineStyles } from '../../../../../shared-logic/src/LineChartV2/types';
export declare const CrosshairCircle: FunctionComponent<{
    dataType: DataType;
    yKeys: string[];
    tooltipData: {
        [keyId: string]: DataItem;
    };
    xKey: string | null;
    margin: Margin;
    legendItems: ShapeDefinition<AreaStyles | LineStyles | BubbleStyles>[];
    conditionalFormattingRules?: any;
    visibleYKeys: string[];
    yScale: (yKey: string) => number;
    xScale: (value: string | number | Date) => number | undefined;
}>;
