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

type SharedEqualToggleProps = {
    checked: boolean;
    onCheckedChange?: (checked: boolean) => void;
    label?: string;
    ariaLabel?: string;
    /** "stacked" = label above the switch row (per-item); "inline" = all on one row (global toggle). */
    layout?: "inline" | "stacked";
};
declare function SharedEqualToggle({ checked, onCheckedChange, label, ariaLabel, layout, }: SharedEqualToggleProps): react_jsx_runtime.JSX.Element;
type ExpenseType = "housing" | "transport" | "groceries" | "childcare" | "insurance" | "entertainment" | "utilities" | "other";
type ExpenseDetailItemProps = {
    /** Expense category type — drives the icon. Empty means "not chosen yet",
     *  which renders the category picker instead of the icon + label. */
    type: ExpenseType | string;
    /** Display label for the expense */
    label: string;
    /** Categories still available to pick — only used while `type` is unset. */
    categoryOptions?: Array<{
        type: ExpenseType | string;
        label: string;
    }>;
    /** Called when a category is chosen for a not-yet-typed item. */
    onTypeSelect?: (type: string) => void;
    /** Placeholder for the category picker. */
    categoryPlaceholder?: string;
    /** Optional tooltip description (shown via ⓘ icon) */
    description?: string;
    /** Current monthly expense amount */
    amount: number;
    /** Total of all expenses — used to calculate the progress bar ratio */
    totalExpenses?: number;
    /** Whether there is a co-applicant — shows the shared toggle when true */
    hasCoApplicant?: boolean;
    /** Whether this expense is shared between applicants */
    isShared?: boolean;
    /** Percentage attributed to the main applicant (0–100) */
    sharedPercent?: number;
    onAmountChange?: (amount: number) => void;
    onSharedChange?: (shared: boolean) => void;
    onSharedPercentChange?: (percent: number) => void;
    onDelete?: () => void;
    className?: string;
};
/**
 * ExpenseDetailItem — a single expense row in the loan wizard Expenses Details section.
 *
 * Left side: category icon + label + ⓘ, progress bar, optional shared toggle + percent.
 * Right side: currency input with slider.
 *
 * Figma: WealthX-Backoffice---Mobile-App — node 19308:53715
 */
declare function ExpenseDetailItem({ type, label, categoryOptions, onTypeSelect, categoryPlaceholder, description, amount, totalExpenses, hasCoApplicant, isShared, sharedPercent: initialPercent, onAmountChange, onSharedChange, onSharedPercentChange, onDelete, className, }: ExpenseDetailItemProps): react_jsx_runtime.JSX.Element;

export { ExpenseDetailItem, type ExpenseDetailItemProps, type ExpenseType, SharedEqualToggle, type SharedEqualToggleProps };