"use client";

import { Suspense } from "react";
import { useParams } from "next/navigation";
import ProtectedRoute from "@/components/ProtectedRoute";
import OrderDetail from "./OrderDetail";

export default function OrderDetailPage() {
  const params = useParams();
  return (
    <ProtectedRoute>
      <Suspense fallback={<div className="max-w-4xl mx-auto px-4 py-12 animate-pulse h-48 bg-gray-100 rounded-xl" />}>
        <OrderDetail orderId={params?.id} />
      </Suspense>
    </ProtectedRoute>
  );
}