"use client";

import { TicketSummaryHeader } from "@/components/tickets/ticket-summary-header";
import { TicketDetailsPanel } from "@/components/tickets/ticket-details-panel";
import { TicketTimeline } from "@/components/tickets/ticket-timeline";
import type { TicketWithDetails } from "@/lib/schemas/ticket";

export function TicketDetailStatic({ ticket }: { ticket: TicketWithDetails }) {
  return (
    <div className="flex flex-col gap-6 px-4 lg:px-6">
      <TicketSummaryHeader ticket={ticket} />
      <div className="grid gap-6 lg:grid-cols-[2fr_1fr]">
        <div className="space-y-6">
          <TicketTimeline ticket={ticket} />
        </div>
        <TicketDetailsPanel ticket={ticket} />
      </div>
    </div>
  );
}

