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

/**
 * Right-sidebar organism for the Borrowing Capacity page.
 *
 * Shows the current interest rate used in the calculation along with the
 * resulting buying power and estimated repayments. The slider lets the user
 * explore how different rates affect their borrowing capacity.
 *
 * This is a **controlled** component — the consumer owns `rate` and
 * `onRateChange`; no internal state is held.
 */
interface InterestRateUsedProps {
    /** Current interest rate (%) — drives the slider position */
    rate: number;
    /** Called when the slider is moved */
    onRateChange: (rate: number) => void;
    /** Pre-formatted buying power string, e.g. "$957.53K" */
    buyingPowerFormatted: string;
    /** Pre-formatted repayments string, e.g. "$2.66K" */
    repaymentsFormatted: string;
    /** Minimum rate (default: 0) */
    minRate?: number;
    /** Maximum rate (default: 13) */
    maxRate?: number;
    /** Slider step (default: 0.01) */
    rateStep?: number;
    className?: string;
}
declare function InterestRateUsed({ rate, onRateChange, buyingPowerFormatted, repaymentsFormatted, minRate, maxRate, rateStep, className, }: InterestRateUsedProps): react_jsx_runtime.JSX.Element;

export { InterestRateUsed, type InterestRateUsedProps };