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

/**
 * Organism — "Top 3 Loans Available" section for the Borrowing Capacity page.
 *
 * Layout:
 * - Heading row: "Top 3 Loans Available" (left) + "See All Options" link (right)
 * - Two-column body:
 *   - Left: up to 3 `TopThreeProductItem` rows (lender logo, rate, max loan, repayment)
 *   - Right: Outcome panel (descriptive text + CTA buttons)
 *
 * All values are pre-formatted / typed — business logic stays in the app layer.
 */
interface TopThreeProductItem {
    /** Lender display name (e.g. "ANZ") */
    lender: string;
    /** URL for the lender logo image. Falls back to initials if omitted. */
    lenderLogoUrl?: string;
    /** Interest rate as a percentage (e.g. 5.5 → displayed as "5.50%") */
    interestRate: number;
    /** true = Variable rate, false = Fixed rate */
    isVariable: boolean;
    /** Maximum loan amount in AUD dollars */
    maxLoanAmount: number;
    /** Monthly repayment in AUD dollars */
    monthlyRepayment: number;
}
interface TopThreeProductProps {
    /** Up to 3 loan products to display */
    items?: TopThreeProductItem[];
    /** Outcome summary text shown in the right panel */
    outcomeText?: string;
    /** Called when "See All Options" is clicked */
    onSeeAllOptions?: () => void;
    /** Called when "Talk To Your Broker" CTA is clicked */
    onTalkToBroker?: () => void;
    /** Called when "Start Loan Application" CTA is clicked */
    onStartLoanApplication?: () => void;
    /** Replace content with a skeleton loading state */
    isLoading?: boolean;
    className?: string;
}
declare function TopThreeProduct({ items, outcomeText, onSeeAllOptions, onTalkToBroker, onStartLoanApplication, isLoading, className, }: TopThreeProductProps): react_jsx_runtime.JSX.Element;

export { TopThreeProduct, type TopThreeProductItem, type TopThreeProductProps };