'use client' import { useRouter } from 'next/navigation' import { useTransition } from 'react' import { useI18n } from '@/components/providers/i18n-provider' import { LOCALE_COOKIE, LOCALE_LABELS, LOCALES, type Locale } from '@/lib/i18n/config' import { cn } from '@/lib/cn' /** * Switching language rewrites the locale cookie and refreshes the server tree, so the * whole document — including `dir` on — flips in one pass. Doing it client-side * only would leave the direction stale until the next navigation. */ export function LanguageSwitcher({ className, compact = false }: { className?: string; compact?: boolean }) { const { locale, t } = useI18n() const router = useRouter() const [pending, startTransition] = useTransition() const select = (next: Locale) => { if (next === locale) return document.cookie = `${LOCALE_COOKIE}=${next}; path=/; max-age=${60 * 60 * 24 * 365}; samesite=lax` startTransition(() => router.refresh()) } return (

{LOCALES.map((code) => ( ))}

) }