import React, { CSSProperties, HTMLAttributes, ReactNode } from "react";
import { CartesianDataset, SegmentDataset } from "../../hooks/use-graph/use-graph";
type Props = {
    data?: CartesianDataset | SegmentDataset;
    datasets?: Record<string, CartesianDataset | SegmentDataset>;
    gap?: {
        top?: number;
        right?: number;
        bottom?: number;
        left?: number;
    };
    interactions?: {
        hovered?: string[];
        pinned?: string[];
    };
    zoom?: {
        x?: [number, number];
        y?: [number, number];
    };
    children: ReactNode;
    style?: CSSProperties;
    className?: string;
};
export declare const Graph: (({ data, gap, children, interactions, datasets, zoom, style, className }: Props) => React.JSX.Element) & {
    Row: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
    Column: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
};
export {};