import { ReactNode } from 'react';
import { ChartVariant, SeriesData, ValueFormatter } from './setup';
/**
 * Barras verticales, agrupadas o apiladas. Presentacional: si los datos cambian con un
 * control, el padre lo pinta en `actions`, pide los nuevos datos y vuelve a pasar `data`.
 *
 * - agrupadas (por defecto): una barra por serie y la leyenda muestra el % de cada serie.
 * - `stacked`: una columna por etiqueta con las series apiladas (la primera de `datasets`
 *   arriba, igual que en la leyenda), esquinas redondeadas solo arriba y leyenda clicable.
 *
 * @example
 * <BarChart title="Distribución por edad y sexo" data={data} loading={isFetching} />
 *
 * @example
 * <BarChart
 *   stacked
 *   title={`Prestadores por provincia (${total})`}
 *   data={{
 *     labels: ["Pichincha", "Guayas", "Otras (10)"],
 *     datasets: [
 *       { label: "IPS", data: [152, 254, 15] },
 *       { label: "Profesional Médico", data: [200, 64, 0] },
 *     ],
 *   }}
 *   colors={["#27458A", "#86A8E0"]}
 *   actions={<Select options={planes} value={plan} onChange={setPlan} />}
 * />
 */
export interface BarChartProps {
    title: string;
    /** etiquetas largas con espacios se parten en dos líneas automáticamente */
    data: SeriesData;
    /** un color por serie, alineado por índice con `datasets`; se repiten si faltan */
    colors?: string[];
    /** apila las series en una columna por etiqueta */
    stacked?: boolean;
    /** formatea los valores del eje Y y del tooltip; por defecto `toLocaleString()` */
    valueFormatter?: ValueFormatter;
    actions?: ReactNode;
    /** estilo visual; ver `ChartVariant` */
    variant?: ChartVariant;
    loading?: boolean;
    emptyTitle?: string;
    emptyText?: string;
}
export declare const BarChart: ({ title, data, colors, stacked, valueFormatter, actions, variant, loading, emptyTitle, emptyText, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;