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

/**
 * Displays a single borrowing capacity result field.
 * Shows a muted label, optional sub-label, and the formatted value below.
 *
 * Used inside scenario detail cards on the Borrowing Capacity page.
 */
interface BorrowCapacityItemProps {
    /** Label above the value (e.g. "Purchase Price") */
    title?: string;
    /** Optional secondary descriptor below the title */
    subTitle?: string;
    /** Pre-formatted value string to display (e.g. "$500,000") */
    value?: string;
    className?: string;
}
declare function BorrowCapacityItem({ title, subTitle, value, className, }: BorrowCapacityItemProps): react_jsx_runtime.JSX.Element;
/**
 * Shows a financial trend statistic over a lookback period.
 * Displays a heading ("Last N months"), the absolute dollar change,
 * and the percentage change with a direction icon.
 *
 * Trend colors: positive → primary, flat/negative → muted.
 *
 * Used in the statistics summary row of the Borrowing Capacity page.
 */
interface StatisticItemProps {
    /** Number of months to look back (default: 3) */
    loopBackMonths?: number;
    /** Absolute dollar amount of change */
    amountChange?: number;
    /** Percentage change — positive = up, negative = down, 0 = flat */
    amountChangePercentage?: number;
    className?: string;
}
declare function StatisticItem({ loopBackMonths, amountChange, amountChangePercentage, className, }: StatisticItemProps): react_jsx_runtime.JSX.Element;
/**
 * Displays a Loan-to-Value Ratio (LVR) as a percentage with a color-coded
 * risk indicator and an optional equity/debt breakdown bar.
 *
 * Risk tiers:
 *   ≤ 60%  → green  (safe)
 *   61–80% → warning (moderate)
 *   > 80%  → destructive (high)
 *
 * Used in the LVR settings panel of the Borrowing Capacity page.
 */
interface LoanToValueRatioProps {
    /** LVR as a whole number percentage (0–100) */
    lvr: number;
    /** Optional debt amount — shown below the bar when provided */
    debtAmount?: number;
    /** Optional equity amount — shown below the bar when provided */
    equityAmount?: number;
    className?: string;
}
declare function LoanToValueRatio({ lvr, debtAmount, equityAmount, className, }: LoanToValueRatioProps): react_jsx_runtime.JSX.Element;
/**
 * A dashed-border CTA button for adding a new borrowing scenario.
 * Renders as a full-width <button> with a label and Plus icon.
 * Supports a disabled state that removes interactivity.
 *
 * Used on the Borrowing Capacity page to open the "add / compare scenario" flow.
 */
interface AddScenarioButtonProps {
    /** Button label (default: "Add New Scenario") */
    title?: string;
    /** Disables the button */
    disabled?: boolean;
    /** Click handler */
    onClick?: () => void;
    className?: string;
}
declare function AddScenarioButton({ title, disabled, onClick, className, }: AddScenarioButtonProps): react_jsx_runtime.JSX.Element;

export { AddScenarioButton, type AddScenarioButtonProps, BorrowCapacityItem, type BorrowCapacityItemProps, LoanToValueRatio, type LoanToValueRatioProps, StatisticItem, type StatisticItemProps };