import * as react_jsx_runtime from 'react/jsx-runtime';
import { ExpenseBarChartData } from './expense-bar-chart.js';
import { ExpenseType } from './expense-detail-item.js';
import '../../chart-shared-Dd2boqdF.js';

type ExpenseItem = {
    id: string;
    /** Expense category type — drives the icon in ExpenseDetailItem */
    type: ExpenseType | string;
    /** Display label */
    label: string;
    /** Optional tooltip description */
    description?: string;
    /** Current monthly expense amount */
    amount: number;
    /** Whether this expense is shared between applicants */
    isShared?: boolean;
    /** Percentage attributed to the main applicant (0–100) */
    sharedPercent?: number;
};
type ExpenseItemUpdates = Pick<ExpenseItem, "type" | "label" | "amount" | "isShared" | "sharedPercent">;
type ExpenseWorkDetailsProps = {
    /** Rendered as "{applicantName}'s Expenses" in the heading */
    applicantName: string;
    /** Total from Open Banking — shown in the summary card above the chart */
    totalExpenses?: number;
    /** Monthly expense data for the ExpenseBarChart */
    expenseData?: ExpenseBarChartData | null;
    /** Expense items shown in the Expenses Details section */
    items: ExpenseItem[];
    /** When true, shows "Expense shared equally" toggle on each item and in the section header */
    hasCoApplicant?: boolean;
    onItemChange?: (id: string, updates: Partial<ExpenseItemUpdates>) => void;
    /** Called when the global "shared equally" toggle is changed — receives the new value */
    onAllSharedChange?: (shared: boolean) => void;
    /** "Add More +" — appends an empty row; the applicant picks the category in the row. */
    onAddItem?: () => void;
    /** Re-seed the expenses from the connected bank data. */
    onResyncFromBank?: () => void;
    /** "Add More Account +" button in the summary card */
    onConnectMore?: () => void;
    className?: string;
};
declare const EXPENSE_CATEGORIES: Array<{
    type: ExpenseType;
    label: string;
}>;
/**
 * ExpenseWorkDetails — Expenses section of the loan application wizard.
 *
 * Shows:
 * 1. "{applicantName}'s Expenses" heading
 * 2. Open Banking summary card — total + "Add More Account +" + bare bar chart
 * 3. Expenses Details — list of ExpenseDetailItems with icon, progress bar,
 *    per-item shared toggle (when hasCoApplicant), and currency+slider input
 * 4. "Add More +" dropdown to select a new expense category
 *
 * Shared controls are only shown when hasCoApplicant=true (joint application).
 *
 * Figma: WealthX-Backoffice---Mobile-App — node 19308:53437
 */
declare function ExpenseWorkDetails({ applicantName, totalExpenses, expenseData, items, hasCoApplicant, onItemChange, onAllSharedChange, onAddItem, onResyncFromBank, onConnectMore, className, }: ExpenseWorkDetailsProps): react_jsx_runtime.JSX.Element;

export { EXPENSE_CATEGORIES, type ExpenseItem, type ExpenseItemUpdates, ExpenseType, ExpenseWorkDetails, type ExpenseWorkDetailsProps };