import React, { JSX, ReactNode } from "react"; import { InternalCartesianDataset, InternalGraphContext, InternalSegmentDataset } from "../../hooks/use-graph/use-graph"; type Props = Omit & { position?: "top" | "bottom" | "left" | "right"; alignment?: "center" | "start" | "end"; onClick?: (datapoint: InternalCartesianDataset[number] | InternalSegmentDataset[number]) => void; onMouseEnter?: (datapoint: InternalCartesianDataset[number] | InternalSegmentDataset[number]) => void; onMouseLeave?: (datapoint: InternalCartesianDataset[number] | InternalSegmentDataset[number]) => void; onMouseMove?: (datapoint: InternalCartesianDataset[number] | InternalSegmentDataset[number]) => void; children?: ReactNode; datasets?: string[]; }; export declare const Legend: { ({ position, alignment, onClick, onMouseEnter, onMouseMove, onMouseLeave, datasets, ...rest }: Props): JSX.Element; context(ctx: InternalGraphContext, { position }: Props): { layout: { rows: string; columns: string; }; id: string; attributes: React.HTMLAttributes; gap: { top: number; right: number; bottom: number; left: number; }; viewbox: { x: number; y: number; }; data: InternalSegmentDataset | InternalCartesianDataset; zoom: { x: [number, number]; y: [number, number]; }; domain: { x: Array<{ coordinate: number; tick: string | number | import("../../hooks/use-graph/use-graph").TemporalDate; }>; y: Array<{ coordinate: number; tick: string | number | import("../../hooks/use-graph/use-graph").TemporalDate; }>; }; colors: string[]; interactions: { hovered: string[]; pinned: string[]; }; datasets: Record>; }; }; export {};