import { connection } from "next/server";
import { CommissionTicketDetail } from "@/components/commission/ticket-detail";
import { SiteHeader } from "@/components/public/site-header";

export const instant = false;
export default async function CommissionTicketPage({ params }: PageProps<"/commission/tickets/[id]">) {
  await connection();
  const { id } = await params;
  return <div className="flex h-svh flex-col overflow-hidden"><SiteHeader /><main className="mx-auto flex min-h-0 w-full max-w-6xl flex-1 flex-col overflow-hidden p-3 sm:p-4">
    <CommissionTicketDetail id={id} admin={false} />
  </main></div>;
}