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

interface CashBalanceDataPoint {
    /** ISO date string e.g. "2024-01-15" */
    x: string;
    y: number;
}
/**
 * Optional secondary line datasets rendered on a right-hand Y-axis.
 * Useful for overlaying income / expense lines against the balance.
 */
interface ExtraLineDataset {
    label: string;
    data: CashBalanceDataPoint[];
    color: string;
    dashed?: boolean;
}
interface CashBalanceLineChartProps {
    chartData?: CashBalanceDataPoint[] | null;
    title?: string;
    /** Chart canvas height in pixels */
    height?: number;
    /** Width of the card */
    width?: number | string;
    className?: string;
    /** Show skeleton loading state instead of the chart */
    isLoading?: boolean;
    /** Show or hide X axis labels */
    showXAxis?: boolean;
    /** Show or hide Y axis labels */
    showYAxis?: boolean;
    /** Show the latest balance value prominently below the title */
    showBalanceValue?: boolean;
    /** Show or hide the chart legend */
    showLegend?: boolean;
    /** Legend placement relative to the chart */
    legendPosition?: "top" | "bottom";
    /**
     * Optional secondary line datasets (e.g. income / expense) rendered on a
     * right-hand Y-axis so their scale stays independent from the balance line.
     */
    extraDatasets?: ExtraLineDataset[];
}
declare function CashBalanceLineChart({ chartData, title, height, width, className, isLoading, showXAxis, showYAxis, showBalanceValue, showLegend, legendPosition, extraDatasets, }: CashBalanceLineChartProps): react_jsx_runtime.JSX.Element;

export { type CashBalanceDataPoint, CashBalanceLineChart, type CashBalanceLineChartProps, type ExtraLineDataset };