Credit History

import '@flexprice/ui/style.css';
import { CreditHistory, type CreditTransaction } from '@flexprice/ui';

const [page, setPage] = useState(1);

const transactions: CreditTransaction[] = [
  { id: 'txn_1', type: 'credit', amount: 100, creditAmount: 100, reason: 'FREE_CREDIT_GRANT', createdAt: '2026-01-01T00:00:00Z' },
  { id: 'txn_2', type: 'debit', amount: 20, creditAmount: 20, reason: 'INVOICE_PAYMENT', createdAt: '2026-01-05T00:00:00Z' },
];

<CreditHistory
  transactions={transactions}
  page={page}
  pageSize={10}
  totalItems={total}
  onPageChange={setPage}
/>

<CreditHistory
  transactions={transactions}
  wallets={[{ id: 'wallet_1', label: 'Main Wallet' }, { id: 'wallet_2', label: 'Backup Wallet' }]}
  selectedWalletId={selectedWalletId}
  onSelectWallet={setSelectedWalletId}
  page={page}
  pageSize={10}
  totalItems={total}
  onPageChange={setPage}
/>

import { adaptCreditTransactions, adaptWalletOptions } from '@flexprice/ui';

const transactions = adaptCreditTransactions(walletTransactions.items);
const wallets = adaptWalletOptions(walletList);