"use client"
import { TopupsList } from "./TopupsList"
import { TopupBalanceCard } from "./TopupBalanceCard"
import { TopupTransactionsTable } from "./TopupTransactionsTable"
export function MainTopUps() {
  return (
    <div className="space-y-8">
      {/* Balance Card */}
      {/* <TopupBalanceCard /> */}

      {/* Credit Topups */}
      <section className="space-y-4">
        <TopupsList />
      </section>

      {/* Transaction History */}
      <section className="space-y-4">
        <TopupTransactionsTable />
      </section>
    </div>
  )
}