import { Suspense } from 'react'
import LoginCategoryPageClient from './LoginCategoryPageClient'
import ProfileSkeleton from '../../_components/ProfileSkeleton'
import { requireAuth } from '../../_helpers/auth'

export default async function LoginCategoryPage({ params }: { params: { category: string } }) {
    await requireAuth()
    return (
        <div className="min-h-screen bg-white dark:bg-[#0c0d0e] text-black dark:text-white">
            <Suspense fallback={<ProfileSkeleton />}>
                <LoginCategoryPageClient category={params.category} />
            </Suspense>
        </div>
    )
}