# Wallet stack

Fan a stack of cards and lift one out to see its activity.

- ID: `wallet-stack`
- Import: `animui/wallet-stack`
- Category: Special
- Runtime exports: `WalletStack`
- Declaration: `types/pro/wallet-stack.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: card-stack, expandable-card

```tsx
import { WalletStack } from 'animui/wallet-stack';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info wallet-stack` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface WalletStackCard { id: string; label: string; number?: string; balance?: string; color?: string; }
export interface WalletStackProps {
  cards: { id: string; issuer: string; product: string; lastFour: string; holder: string; variant?: "metal" | "black" | "glass" | "color"; tint?: string; expires?: string; network?: ReactNode; image?: string; balance: number; balanceLabel: string; transactions: { id: string; merchant: string; detail: string; amount: number; icon?: ReactNode; avatar?: string }[] }[];
  label?: string;
  currency?: string;
  locale?: string;
  onSelectedChange?: (card: WalletStackCard | null) => void;
  className?: string;
}

export declare const WalletStack: ComponentType<WalletStackProps>;

export default WalletStack;
```