Credit Balance

import '@flexprice/ui/style.css';
import { CreditBalance, type CreditBalanceData } from '@flexprice/ui';

const wallet: CreditBalanceData = {
  id: 'wallet_1',
  name: 'Main Wallet',
  status: 'active',
  creditBalance: 4200,
  balance: 42,
  currency: 'USD',
};

<CreditBalance wallet={wallet} />

import { adaptCreditBalance } from '@flexprice/ui';

const wallet = adaptCreditBalance(walletFromList, realtimeWalletBalance);