import React, { ReactNode } from "react";
import { InternalCartesianDataset } from "../../hooks/use-graph/use-graph";
type Props = {
    loading?: boolean;
    className?: string;
    marker?: (dp: Omit<InternalCartesianDataset[number], "data"> & {
        data: InternalCartesianDataset[number]["data"][number];
    }) => ReactNode;
    labels?: boolean | ((dp: Omit<InternalCartesianDataset[number], "data"> & {
        data: InternalCartesianDataset[number]["data"][number];
    }) => ReactNode);
};
export declare const Scatter: {
    ({ loading, className, marker }: Props): React.JSX.Element | null;
    Tooltip: React.ComponentType<{
        tooltip: (point: Omit<{
            id?: string;
            name: string;
            description?: string;
            group?: string;
            stroke?: string;
            fill?: string;
            data: Array<{
                x: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                y: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                z?: number | string | import("../../hooks/use-graph/use-graph").TemporalDate;
            }>;
        }, "data"> & {
            data: import("../../export").CartesianDataset[number]["data"][number];
            coordinates: {
                x: number;
                y: number;
            };
        }) => ReactNode;
        className?: string | ((closest: Omit<{
            id?: string;
            name: string;
            description?: string;
            group?: string;
            stroke?: string;
            fill?: string;
            data: Array<{
                x: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                y: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                z?: number | string | import("../../hooks/use-graph/use-graph").TemporalDate;
            }>;
        }, "data"> & {
            data: import("../../export").CartesianDataset[number]["data"][number];
            coordinates: {
                x: number;
                y: number;
            };
        }) => string);
        style?: React.CSSProperties | ((closest: Omit<{
            id?: string;
            name: string;
            description?: string;
            group?: string;
            stroke?: string;
            fill?: string;
            data: Array<{
                x: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                y: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                z?: number | string | import("../../hooks/use-graph/use-graph").TemporalDate;
            }>;
        }, "data"> & {
            data: import("../../export").CartesianDataset[number]["data"][number];
            coordinates: {
                x: number;
                y: number;
            };
        }) => React.CSSProperties);
    }>;
    Labels: React.ComponentType<{
        display?: ((dp: Omit<{
            id: string;
            name: string;
            description?: string;
            group?: string;
            stroke: string;
            fill: string;
            data: Array<{
                x: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                y: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                z?: number | string | import("../../hooks/use-graph/use-graph").TemporalDate;
            }>;
        }, "data"> & {
            data: InternalCartesianDataset[number]["data"][number];
        }) => string) | {
            collision: false;
            label: (dp: Omit<{
                id: string;
                name: string;
                description?: string;
                group?: string;
                stroke: string;
                fill: string;
                data: Array<{
                    x: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                    y: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                    z?: number | string | import("../../hooks/use-graph/use-graph").TemporalDate;
                }>;
            }, "data"> & {
                data: InternalCartesianDataset[number]["data"][number];
            }) => ReactNode;
        } | {
            collision: true;
            label: (dp: Omit<{
                id: string;
                name: string;
                description?: string;
                group?: string;
                stroke: string;
                fill: string;
                data: Array<{
                    x: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                    y: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
                    z?: number | string | import("../../hooks/use-graph/use-graph").TemporalDate;
                }>;
            }, "data"> & {
                data: InternalCartesianDataset[number]["data"][number];
            }) => string;
        };
    }>;
    Quadrant: ({ x1, y1, x2, y2, fill }: {
        x1: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
        y1: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
        x2: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
        y2: number | import("../../hooks/use-graph/use-graph").TemporalDate | string;
        fill: string | `linear_gradient(${string})`;
    }) => React.JSX.Element;
};
export {};