import React from "react";
import { InternalGraphContext, TemporalDate } from "../../hooks/use-graph/use-graph";
type Props = React.HTMLAttributes<HTMLDivElement> & {
    position: "top" | "bottom";
    alignment?: "start" | "center" | "end";
    gradient: `linear-gradient(${string})`;
    labels?: boolean | ((value: string | number | TemporalDate) => string);
};
export declare const GradientLegend: {
    ({ position, alignment, gradient, labels, ...rest }: Props): React.JSX.Element;
    context(ctx: InternalGraphContext, props: Props): {
        layout: {
            rows: string;
            columns: string;
        };
        id: string;
        attributes: React.HTMLAttributes<HTMLDivElement>;
        gap: {
            top: number;
            right: number;
            bottom: number;
            left: number;
        };
        viewbox: {
            x: number;
            y: number;
        };
        data: import("../../hooks/use-graph/use-graph").InternalSegmentDataset | import("../../hooks/use-graph/use-graph").InternalCartesianDataset;
        zoom: {
            x: [number, number];
            y: [number, number];
        };
        domain: {
            x: Array<{
                coordinate: number;
                tick: string | number | TemporalDate;
            }>;
            y: Array<{
                coordinate: number;
                tick: string | number | TemporalDate;
            }>;
        };
        colors: string[];
        interactions: {
            hovered: string[];
            pinned: string[];
        };
        datasets: Record<string, Pick<InternalGraphContext, "domain" | "colors" | "data">>;
    };
};
export {};