'use client';

import { use } from 'react';
import { useSearchParams } from 'next/navigation';
import UserBalanceLogs from '@/modules/balance-logs/components/UserBalanceLogs';

export default function UserBalanceLogsPage({ params }: { params: Promise<{ id: string }> }) {
  const { id } = use(params);
  const searchParams = useSearchParams();
  const userName = searchParams?.get('name') ?? undefined;

  return (
    <div className="container mx-auto py-6 max-w-7xl">
      <UserBalanceLogs userId={Number(id)} userName={userName} />
    </div>
  );
}