import { CSSProperties, ReactNode } from 'react';
export declare const LegendMarker: ({ color, hidden, style, }: {
    color?: string;
    hidden?: boolean;
    style?: CSSProperties;
}) => import("react/jsx-runtime").JSX.Element;
export interface LegendItemProps {
    color?: string;
    hidden: boolean;
    onToggle: () => void;
    title?: string;
    /** el texto parte en varias líneas en vez de mantenerse en una */
    wrap?: boolean;
    children: ReactNode;
}
/** ítem clicable: al pulsarlo la serie se anula en la gráfica */
export declare const LegendItem: ({ color, hidden, onToggle, title, wrap, children, }: LegendItemProps) => import("react/jsx-runtime").JSX.Element;
export interface ChartLegendProps {
    items: {
        label: string;
        color?: string;
    }[];
    hidden: Set<number>;
    onToggle: (index: number) => void;
    justify?: CSSProperties["justifyContent"];
}
export declare const ChartLegend: ({ items, hidden, onToggle, justify, }: ChartLegendProps) => import("react/jsx-runtime").JSX.Element;