import { ReactNode } from 'react';
import { ChartDatum, ChartVariant, ValueFormatter } from './setup';
/**
 * Una sola barra horizontal repartida en segmentos. Presentacional: recibe `data` ya
 * ordenado y con el valor elegido; los controles del padre van en `actions`.
 *
 * @example
 * <StackedBar
 *   title="Top 10 productos"
 *   data={[{ label: "Infinity", value: 196 }, { label: "Elite", value: 80 }]}
 *   colors={CHART_COLORS}
 *   valueFormatter={formatCurrency}
 * />
 */
export interface StackedBarProps {
    title: string;
    /** un segmento por entrada, de izquierda a derecha; `[]` muestra el estado vacío */
    data: ChartDatum[];
    /** un color por segmento, alineado por índice con `data`; los que falten salen en gris */
    colors: string[];
    valueFormatter?: ValueFormatter;
    actions?: ReactNode;
    /** estilo visual; ver `ChartVariant` */
    variant?: ChartVariant;
    loading?: boolean;
    emptyTitle?: string;
    emptyText?: string;
}
export declare const StackedBar: ({ title, data, colors, valueFormatter, actions, variant, loading, emptyTitle, emptyText, }: StackedBarProps) => import("react/jsx-runtime").JSX.Element;