import { use } from 'react';
import { InvoiceDetail } from '@/components/invoices/invoice-detail';
import { TrackEntityView } from '@/components/search/track-entity-view';

interface InvoiceDetailPageProps {
  params: Promise<{ portSlug: string; id: string }>;
}

export default function InvoiceDetailPage({ params }: InvoiceDetailPageProps) {
  const { id } = use(params);
  return (
    <div className="max-w-4xl mx-auto space-y-6">
      <TrackEntityView type="invoice" id={id} />
      <InvoiceDetail invoiceId={id} />
    </div>
  );
}
