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

/**
 * Organism — full lender comparison table for the Borrowing Capacity page.
 *
 * Renders an optional title, a sticky column-header row, and a paginated list
 * of lender rows. Each row shows: Lender, Interest Rate, Comparison Rate,
 * Monthly Repayments, Total Cost, and Max Buying Power.
 *
 * Values are pre-formatted / typed — business logic stays in the app layer.
 * Pass `isLoading` to render a skeleton table in place of real rows.
 */
interface InterestRateItem {
    /** Lender display name (e.g. "ANZ") */
    lender: string;
    /** Interest rate percentage (e.g. 5.5 → displayed as "5.50%") */
    interestRate: number;
    /** Comparison rate percentage (e.g. 5.75 → displayed as "5.75%") */
    comparisonRate: number;
    /** Pre-formatted monthly repayment string (e.g. "$2,800" or "$2,800 – $3,100") */
    monthlyRepayment: string;
    /** Total cost in AUD cents */
    totalCost: number;
    /** Maximum buying power in AUD cents */
    maxBuyingPower: number;
}
interface InterestRateSectionProps {
    /**
     * Section heading shown above the table, e.g.
     * "Lender Options for cash towards $150,000"
     */
    title?: string;
    /** Lender rows to display */
    items?: InterestRateItem[];
    /** Number of rows shown per page (default: 5) */
    pageSize?: number;
    /** Replace rows with a skeleton loading state */
    isLoading?: boolean;
    className?: string;
}
declare function InterestRateSection({ title, items, pageSize, isLoading, className, }: InterestRateSectionProps): react_jsx_runtime.JSX.Element;

export { type InterestRateItem, InterestRateSection, type InterestRateSectionProps };