import * as react_jsx_runtime from 'react/jsx-runtime';
import { BorrowingCapacitySeries } from './borrowing-capacity-line-chart.js';

/**
 * Main content organism for the Borrowing Capacity page.
 *
 * Composes (top-to-bottom):
 * - `BorrowingCapacityLineChart` — full-width chart with KPI header
 * - Key metrics grid — flexible list of `BorrowCapacityItem` fields
 * - LVR panel (optional) — `LoanToValueRatio` pinned to the right of metrics
 * - Statistics row — up to 3 `StatisticItem` trend blocks
 *
 * All values are pre-formatted strings / cents — business logic stays in the
 * app layer. Pass `isLoading` to switch every section into skeleton state.
 */
interface BorrowingCapacityCardField {
    /** e.g. "Purchase Price" */
    label: string;
    /** Optional secondary descriptor, e.g. "80% LVR" */
    subLabel?: string;
    /** Pre-formatted value, e.g. "$750,000" */
    value: string;
}
interface BorrowingCapacityCardStatistic {
    /** Number of months to look back (e.g. 3, 6, 12) */
    loopBackMonths: number;
    /** Absolute dollar change over the period */
    amountChange: number;
    /** Percentage change — positive = up, negative = down, 0 = flat */
    amountChangePercentage: number;
}
interface BorrowingCapacityCardProps {
    /** Data series to render in the line chart */
    chartSeries?: BorrowingCapacitySeries[] | null;
    /** Current borrowing capacity in AUD cents — shown as KPI in the chart header */
    kpiValueCents?: number;
    /** Ordered result fields rendered in a responsive grid (max 4 per row) */
    fields?: BorrowingCapacityCardField[];
    /** LVR as a whole number percentage (0–100). Omit to hide the LVR panel. */
    lvr?: number;
    debtAmount?: number;
    equityAmount?: number;
    /** Trend blocks shown below the metrics (typically 3 periods: 3, 6, 12 mo) */
    statistics?: BorrowingCapacityCardStatistic[];
    /** Show skeleton loading state across every section */
    isLoading?: boolean;
    className?: string;
}
declare function BorrowingCapacityCard({ chartSeries, kpiValueCents, fields, lvr, debtAmount, equityAmount, statistics, isLoading, className, }: BorrowingCapacityCardProps): react_jsx_runtime.JSX.Element;

export { BorrowingCapacityCard, type BorrowingCapacityCardField, type BorrowingCapacityCardProps, type BorrowingCapacityCardStatistic };