import type { CSSProperties } from "react";
import { type CrediballThemeOverrides } from "./theme";
export interface CreditsBadgeProps extends CrediballThemeOverrides {
    /**
     * The user's raw credit balance (the big number). Omit to read it
     * automatically from an ancestor <CrediballProvider publishableKey userId>.
     */
    credits?: number;
    /**
     * Credits per one unit of currency. When set, a derived money value is shown
     * underneath (e.g. credits=840, rate=100 → "≈ €8.40"). Omit to hide it.
     */
    rate?: number;
    /** ISO 4217 currency for the derived value (default "EUR"). */
    currency?: string;
    /** Label shown above the balance. */
    label?: string;
    /** Called when the user clicks "Add credits". Defaults to opening the provider's paywall. */
    onAddCredits?: () => void;
    /** Override the button text. */
    addLabel?: string;
    style?: CSSProperties;
}
/**
 * Pattern A — Embedded (recommended). Drop into a profile/settings section to
 * show the user's balance with an "Add credits" action. Shows the credit balance
 * as the primary figure and an approximate money value beneath it. No Crediball
 * branding.
 */
export declare function CreditsBadge({ credits, rate, currency, label, onAddCredits, addLabel, accentColor, style, }: CreditsBadgeProps): import("react").JSX.Element;