import * as react_jsx_runtime from 'react/jsx-runtime';

/**
 * PipelineChart — WealthX DS (L4 Section)
 *
 * Horizontal stacked bar chart showing a total split by stage. Each segment is
 * proportional to its stage's value. Hover a segment to see the stage name and
 * the formatted value.
 *
 * Values are abbreviated currency by default, which suits the loan pipeline it
 * was built for. Pass `formatValue` when the stages count things instead — a
 * task board rendering "$3" for three cards is the case this exists for.
 *
 * Colors: each stage supplies its own `color` (e.g. `accentColor` from
 * `KanbanColumnStage`). Falls back to the design system's primary token.
 *
 * Data source: `listColumns()` → `Stage[]` in `loan-crm.ts`
 */
interface PipelineChartStage {
    id: string;
    name: string;
    /** The stage's value — dollars by default, or whatever `formatValue` renders. */
    value: number;
    /** CSS color string — use the stage's `accentColor`. Falls back to primary. */
    color?: string;
}
interface PipelineChartProps {
    stages: PipelineChartStage[];
    /** Height of the stacked bar in pixels. Default 32. */
    barHeight?: number;
    /**
     * Renders a stage's value in the tooltip and its accessible label. Defaults to
     * abbreviated currency.
     */
    formatValue?: (value: number) => string;
    className?: string;
}
declare function PipelineChart({ stages, barHeight, formatValue, className, }: PipelineChartProps): react_jsx_runtime.JSX.Element;

export { PipelineChart, type PipelineChartProps, type PipelineChartStage };