import { Suspense } from "react";
import PageContent from "./PageContent";

function LoadingSkeleton() {
     return (
          <div className='container py-5'>
               <div className='animate-pulse'>
                    <div className='h-4 bg-gray-300 rounded w-3/4 mb-4'></div>
                    <div className='h-4 bg-gray-300 rounded w-1/2 mb-4'></div>
                    <div className='h-32 bg-gray-300 rounded mb-4'></div>
               </div>
          </div>
     );
}

export default function Page({ params, searchParams }) {
     return (
          <Suspense fallback={<LoadingSkeleton />}>
               <PageContent params={params} searchParams={searchParams} />
          </Suspense>
     );
}