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

interface CashflowDataPoint {
    /** ISO date string e.g. "2024-01-01" */
    date: string;
    income: number;
    expenses: number;
    /** Positive value — ignored when overspending > 0 */
    surplus: number;
    /** Positive value — ignored when surplus > 0 */
    overspending: number;
}
interface CashflowChartData {
    months: string[];
    data: CashflowDataPoint[];
}
type CashflowPeriod = 3 | 6 | 12;
interface CashflowBarChartProps {
    /** Full dataset — sliced to the selected period */
    cashflowData: CashflowChartData | null;
    title?: string;
    /** Show or hide the chart legend */
    showLegend?: boolean;
    /** Show or hide X axis labels */
    showXAxis?: boolean;
    /** Show or hide Y axis labels */
    showYAxis?: boolean;
    /** Legend placement relative to chart */
    legendPosition?: "top" | "bottom";
    /** Default period selector value */
    defaultPeriod?: CashflowPeriod;
    /** Show or hide the period selector buttons (3M / 6M / 12M) */
    showPeriodSelector?: boolean;
    /** Chart canvas height in pixels */
    height?: number;
    /** Width of the card in pixels */
    width?: number | string;
    className?: string;
    /** Show skeleton loading state instead of the chart */
    isLoading?: boolean;
}
declare function CashflowBarChart({ cashflowData, title, showLegend, showXAxis, showYAxis, legendPosition, defaultPeriod, showPeriodSelector, height, width, className, isLoading, }: CashflowBarChartProps): react_jsx_runtime.JSX.Element;

export { CashflowBarChart, type CashflowBarChartProps, type CashflowChartData, type CashflowDataPoint, type CashflowPeriod };