import dynamic from "next/dynamic";

const ResourcesClient = dynamic(
  () => import("./ResourcesClient.js").then((m) => m.ResourcesClient),
  {
    loading: () => (
      <div className="animate-pulse p-6 space-y-4">
        <div className="h-8 w-48 bg-gray-200 dark:bg-gray-700 rounded" />
        <div className="h-10 w-full bg-gray-200 dark:bg-gray-700 rounded" />
        <div className="space-y-2">
          {[...Array(10)].map((_, i) => (
            <div key={i} className="h-12 w-full bg-gray-200 dark:bg-gray-700 rounded" />
          ))}
        </div>
      </div>
    ),
  },
);

export default function ResourcesPage() {
  return <ResourcesClient />;
}
