import React from "react";
import { RenderTooltipFn } from "../ChartTooltip";
import { Highcharts } from "../Highcharts";
import { AxisTitleProps, RangeProps } from "../utils/types";
import { ScatterplotEmptyState } from "./ScatterplotEmptyState";
export type SeriesProps<T> = Pick<Highcharts.SeriesScatterOptions, "color" | "name" | "marker"> & {
    data: readonly T[];
    getX: (d: T) => number;
    getY: (d: T) => number;
};
export type ScatterplotProps<T> = AxisTitleProps & RangeProps & {
    className?: string;
    series: SeriesProps<T>[];
    renderTooltip?: RenderTooltipFn<T>;
    tooltipDelay?: number;
    interactive?: boolean;
    onClickPoint?: (dataPoint: T, event: Highcharts.SeriesClickEventObject) => unknown;
    overrides?: {
        xAxis?: Highcharts.XAxisOptions;
    };
    formatYAxisLabels?: (value: number | string) => string;
    formatXAxisLabels?: (value: number | string) => string;
};
export declare const ScatterplotBase: <T>({ className, series: seriesProp, renderTooltip: RenderTooltip, interactive, onClickPoint, yAxisTitle, xAxisTitle, hideAxisTitlesBreakpoint, rangeStart, rangeEnd, overrides, formatXAxisLabels, formatYAxisLabels, tooltipDelay, }: ScatterplotProps<T>) => React.JSX.Element;
export declare const Scatterplot: (<T>({ fallback, ...rest }: ScatterplotProps<T> & {
    fallback?: React.ReactNode;
}) => React.JSX.Element) & {
    Skeleton: (({ numPoints, ...rest }: import("./ScatterplotSkeleton").ScatterplotSkeletonProps) => React.JSX.Element) & {
        Dots: ({ numPoints, className, }: {
            numPoints?: number;
            className?: string;
        }) => React.JSX.Element[];
    };
    EmptyState: typeof ScatterplotEmptyState;
};
//# sourceMappingURL=Scatterplot.d.ts.map