"use client";

import dynamic from "next/dynamic";

const ScalarDocs = dynamic(() => import("./ScalarDocs"), {
  ssr: false,
  loading: () => (
    <div className="flex items-center justify-center min-h-screen bg-zinc-950 text-zinc-400">
      Loading API documentation...
    </div>
  ),
});

export default function ApiDocsPage() {
  return <ScalarDocs />;
}
