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

interface FinancialSectionLabelProps {
    children: React.ReactNode;
}
/** All-caps muted section heading. Used above major sections inside a financial drawer. */
declare function FinancialSectionLabel({ children, }: FinancialSectionLabelProps): react_jsx_runtime.JSX.Element;
interface FinancialCardHeaderProps {
    children: React.ReactNode;
}
/** All-caps muted label at the top of a card — lighter than SectionLabel. */
declare function FinancialCardHeader({ children }: FinancialCardHeaderProps): react_jsx_runtime.JSX.Element;
interface FinancialSubsectionTitleProps {
    children: React.ReactNode;
}
/** Uppercase bold title inside a card section (e.g. "Card Stats", "Loan Stats"). */
declare function FinancialSubsectionTitle({ children, }: FinancialSubsectionTitleProps): react_jsx_runtime.JSX.Element;
type FinancialDetailFieldVariant = "caption" | "overline" | "footer";
interface FinancialDetailFieldProps {
    label: string;
    /**
     * The value to display. Accepts any renderable node — formatted strings,
     * badges, or `null`/`undefined` (renders `—`).
     */
    value?: React.ReactNode;
    /**
     * Controls label typography and layout density:
     * - `caption`  (default) — small 2-line min-height label; use in dense grids
     * - `overline` — tighter gap; use in mid-density sections
     * - `footer`   — flex-col layout; use inside `FinancialSubtotalFrame`
     */
    variant?: FinancialDetailFieldVariant;
}
/**
 * Label + value vertical stack — the core data-display cell.
 *
 * | Variant   | Label style            | Use when                          |
 * |-----------|------------------------|-----------------------------------|
 * | caption   | small, 2-line min-h    | Dense grids (default)             |
 * | overline  | overline, tighter gap  | Mid-density sections              |
 * | footer    | overline + flex-col    | SubtotalFrame cells               |
 */
declare function FinancialDetailField({ label, value, variant, }: FinancialDetailFieldProps): react_jsx_runtime.JSX.Element;
interface FinancialLineItemProps {
    label: string;
    /** Formatted value string e.g. "$9,500". Renders `—` when falsy. */
    value?: string | null;
    /**
     * When `true`, renders the value in `text-destructive` (red).
     * Use for expenses, liabilities, or negative cashflow values.
     */
    destructive?: boolean;
}
/**
 * Horizontal row: label on left, value on right.
 * Use `destructive` for expenses, liabilities, or negative cashflow values.
 */
declare function FinancialLineItem({ label, value, destructive, }: FinancialLineItemProps): react_jsx_runtime.JSX.Element;
interface FinancialLvrBarProps {
    /**
     * LVR percentage (0–100). Drives colour threshold:
     * - `< 70`  → success (low risk)
     * - `70–79` → warning (borderline)
     * - `≥ 80`  → destructive (high risk)
     */
    percent?: number;
    /** Human-readable label rendered on the right e.g. `"56% — Good"`. */
    label?: string;
}
/**
 * LVR progress bar with label.
 *
 * Colour thresholds map to semantic tokens:
 * - < 70%   → success  (low risk)
 * - 70–79%  → warning  (borderline)
 * - ≥ 80%   → destructive (high risk)
 */
declare function FinancialLvrBar({ percent, label, }: FinancialLvrBarProps): react_jsx_runtime.JSX.Element;
interface FinancialSubtotalFrameProps {
    children: React.ReactNode;
}
/**
 * Brand-tinted footer container — sits at the bottom of a property or debt card.
 * Background uses the tenant primary color at 10 % opacity.
 */
declare function FinancialSubtotalFrame({ children, }: FinancialSubtotalFrameProps): react_jsx_runtime.JSX.Element;
interface FinancialSubtotalBlockProps {
    /**
     * Monthly average value e.g. `"$2,840"`.
     * When provided without `totalLast12Months`, renders right-aligned as a single figure.
     */
    monthlyAverage?: string;
    /** Total for the last 12 months e.g. `"$34,080"`. Only shown when provided alongside `monthlyAverage`. */
    totalLast12Months?: string;
    /** Override the "Monthly Average" label (e.g. `"Net Surplus"`). */
    label?: string;
}
/**
 * One or two summary values inside a SubtotalFrame.
 *
 * - Two values  → Monthly Average (left) + Total Last 12 Months (right)
 * - One value   → right-aligned single figure (pass only `monthlyAverage`)
 * - Custom label → override "Monthly Average" via `label` prop
 */
declare function FinancialSubtotalBlock({ monthlyAverage, totalLast12Months, label, }: FinancialSubtotalBlockProps): react_jsx_runtime.JSX.Element;

export { FinancialCardHeader, type FinancialCardHeaderProps, FinancialDetailField, type FinancialDetailFieldProps, type FinancialDetailFieldVariant, FinancialLineItem, type FinancialLineItemProps, FinancialLvrBar, type FinancialLvrBarProps, FinancialSectionLabel, type FinancialSectionLabelProps, FinancialSubsectionTitle, type FinancialSubsectionTitleProps, FinancialSubtotalBlock, type FinancialSubtotalBlockProps, FinancialSubtotalFrame, type FinancialSubtotalFrameProps };