import { ReactNode } from 'react';
import { ChartDatum, ChartVariant, ValueFormatter } from './setup';
/**
 * Dona o media dona con leyenda clicable. Es presentacional: no pide datos ni navega,
 * el padre entrega `data` ya transformado y pinta sus controles en `actions`/`toolbar`.
 *
 * @example
 * <PieChart
 *   title="Línea de negocio"
 *   data={[{ label: "Salud", value: 120 }, { label: "Vida", value: 45 }]}
 *   colors={["#0071CE", "#00788D"]}
 *   valueFormatter={(v) => `${v} pólizas`}
 *   actions={<Switch options={["Pólizas", "Primas"]} active={modo} onChange={setModo} />}
 * />
 */
export interface PieChartProps {
    title: string;
    /** una entrada por porción, en el orden en que se pintan; `[]` muestra el estado vacío */
    data: ChartDatum[];
    /** hex `#RRGGBB` por porción, alineado por índice con `data`; los que falten salen en gris */
    colors: string[];
    /** media dona (180º) */
    half?: boolean;
    cutout?: string;
    /** sin altura máxima: la tarjeta crece con la leyenda */
    autoHeight?: boolean;
    /** leyenda debajo de la gráfica en vez de a la derecha */
    legendBelow?: boolean;
    /** la leyenda muestra el % en lugar del valor */
    legendAsPercentage?: boolean;
    /** dibuja el % dentro de cada porción */
    showPercentages?: boolean;
    valueFormatter?: ValueFormatter;
    infoTooltip?: string;
    actions?: ReactNode;
    toolbar?: ReactNode;
    /** estilo visual; ver `ChartVariant` */
    variant?: ChartVariant;
    loading?: boolean;
    emptyTitle?: string;
    emptyText?: string;
}
export declare const PieChart: ({ title, data, colors, half, cutout, autoHeight, legendBelow, legendAsPercentage, showPercentages, valueFormatter, infoTooltip, actions, toolbar, variant, loading, emptyTitle, emptyText, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;