type WalletSize = 'regular' | 'large';
interface WalletBalance {
    /** Stable key (typically the currency UUID). */
    key: string;
    /** Currency icon — tinted with `--color-foreground`. */
    iconUrl?: string;
    /** Current balance. Omit to render a dash placeholder. */
    amount?: number;
    /** Optional override for icon tint + amount text color.
     *  Accepts any value expo-image's `tintColor` understands
     *  (hex, rgb/rgba, named color). Falls back to `--color-foreground`. */
    color?: string;
}
interface WalletProps {
    /** Currencies to render, in the display order chosen by the caller. */
    balances: WalletBalance[];
    /** Visual density. Use `large` for wider tablet layouts. */
    size?: WalletSize;
    /** Swap each amount for a skeleton placeholder. */
    isLoading?: boolean;
    /** Extra classes merged onto the outer wrapper. */
    className?: string;
}
/**
 * Store wallet strip — a horizontal row of currency balances shown above
 * the store feed (Valorant Points, Radianite Points, Kingdom Credits, …).
 *
 * Data-free: the consumer resolves the currency list + icons (from
 * whichever asset store they use) and passes `balances` in display order.
 *
 * Each balance accepts an optional `color` which the consumer can use for
 * threshold-based highlights — e.g. tint Kingdom Credits purple once the
 * amount crosses some "you can afford X" threshold. When omitted, both the
 * icon tint and amount text fall back to `--color-foreground`.
 */
declare function Wallet({ balances, size, isLoading, className, }: WalletProps): import("react/jsx-runtime").JSX.Element;
export { Wallet };
export type { WalletProps, WalletBalance, WalletSize };
//# sourceMappingURL=wallet.d.ts.map