"use client";

import dynamic from "next/dynamic";
import type { Antiquity } from "@/app/content";

const AntiquityShowcase = dynamic(
  () => import("@/app/components/antiquity/AntiquityShowcase").then((m) => m.AntiquityShowcase),
  {
    ssr: false,
    loading: () => (
      <div className="mx-auto max-w-7xl px-4 py-16 text-center text-sm text-[var(--muted-foreground)] sm:px-6">
        Đang tải phòng trưng bày 3D…
      </div>
    ),
  },
);

export default function AntiquityShowcaseClient({ items }: { items: Antiquity[] }) {
  return <AntiquityShowcase items={items} />;
}