import { AdminProvidersWrapper } from '@/components/admin-providers-wrapper'
import { detectUserLanguage } from '@/lib/i18n/detect-user-language'
import { loadTranslations } from '@/lib/i18n/load-translations'

// No <Suspense> here intentionally: combining a Suspense boundary with <Link>
// components inside the subtree triggers a React production-only bug (React
// issue #33580, Next.js issue #63388) causing Error #310 "too many re-renders".
export default async function AdminGroupLayout({
  children,
}: {
  children: React.ReactNode
}) {
  const initialLanguage = await detectUserLanguage()
  const initialTranslations = await loadTranslations(initialLanguage)

  return (
    <AdminProvidersWrapper
      initialLanguage={initialLanguage}
      initialTranslations={initialTranslations}
    >
      {children}
    </AdminProvidersWrapper>
  )
}
