import type { CreditBalance } from "@stigmer/protos/ai/stigmer/billing/v1/billing_account_pb";
/** Props for {@link CreditBalanceCard}. */
export interface CreditBalanceCardProps {
    /** The credit balance breakdown from the billing account. */
    readonly balance: CreditBalance;
    /** Whether the balance is below the low-balance threshold. */
    readonly isLowBalance?: boolean;
    /** Additional CSS class names. */
    readonly className?: string;
}
/**
 * Prominent display of the organization's available credit balance.
 *
 * Shows the total available balance as the primary figure, with
 * a secondary breakdown of promotional vs. purchased credits and
 * any reserved amount. Uses semantic colors to indicate balance
 * health: green for healthy, amber for low, red for zero/negative.
 *
 * @example
 * ```tsx
 * <CreditBalanceCard balance={account.balance} isLowBalance={isLow} />
 * ```
 */
export declare function CreditBalanceCard({ balance, isLowBalance, className, }: CreditBalanceCardProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=CreditBalanceCard.d.ts.map