import { ReactNode } from 'react';
export interface DebtPayoffStat {
    /** Row label, e.g. "Projected payoff". */
    label: ReactNode;
    /** Pre-formatted row value, e.g. "Mar 2027". */
    value: ReactNode;
}
export interface DebtPayoffPillConfig {
    /** Pill background color token. The pill is borderless. */
    bgcolor: string;
    /** Pill label color token. */
    labelColor: string;
}
/**
 * Style props for the card. The Debts block supplies them for its look; the card itself
 * is variant-agnostic. Only what a caller sets today is here; add a knob with its first caller.
 */
export interface DebtPayoffCardStyleProps {
    /** Slot surface token behind the white card. Default `background.default`. */
    bgcolor?: string;
    /** Status pill color tokens. */
    pill?: DebtPayoffPillConfig;
}
interface DebtPayoffCardProps extends DebtPayoffCardStyleProps {
    /** Institution/account logo rendered beside the account name. */
    logo: ReactNode;
    /** Primary line, e.g. "Epic Bank Credit *0987". */
    name: ReactNode;
    /** Optional secondary line beneath the name, e.g. "Credit Card". */
    subtitle?: ReactNode;
    /** Caption above the balance, e.g. "Current balance". Rendered only together with `balance`. */
    balanceLabel?: ReactNode;
    /** Pre-formatted balance, e.g. "$4,500.00". Omitted (with its caption) when unknown. */
    balance?: ReactNode;
    /** Label/value rows beneath the balance (payoff date, monthly payment, rate). */
    stats?: DebtPayoffStat[];
    /** Optional status pill label beside the account, e.g. the payoff strategy name. */
    statusLabel?: ReactNode;
}
/**
 * A debt account card: logo + account name row (with an optional status pill), the current
 * balance, and a divided list of label/value payoff stats, on a tinted slot.
 *
 * Purely presentational — it knows nothing about beats or variants; the Debts block passes
 * the style props for its look.
 */
declare const DebtPayoffCard: ({ balance, balanceLabel, bgcolor, logo, name, pill, stats, statusLabel, subtitle, }: DebtPayoffCardProps) => import("react/jsx-runtime").JSX.Element;
export default DebtPayoffCard;