"use client";

import { LOCALES, LOCALE_LABELS, LOCALE_COOKIE, isLocale, type Locale } from "@/lib/i18n/locales";

function writeLocaleCookie(locale: Locale): void {
    document.cookie = `${LOCALE_COOKIE}=${locale}; path=/; max-age=31536000; SameSite=Lax`;
}

export function LanguageSwitcher({ current }: { current: Locale }) {
    function switchTo(locale: Locale) {
        if (locale === current || !isLocale(locale)) {
            return;
        }
        writeLocaleCookie(locale);
        window.location.reload();
    }

    return (
        <div
            role="group"
            aria-label="language"
            className="flex items-center gap-1 rounded-full border border-white/10 bg-white/5 p-1"
        >
            {LOCALES.map((locale) => (
                <button
                    key={locale}
                    type="button"
                    onClick={() => switchTo(locale)}
                    aria-pressed={locale === current}
                    className={`cursor-pointer rounded-full px-2.5 py-1 font-mono text-xs transition-colors ${
                        locale === current
                            ? "bg-blurple text-white"
                            : "text-zinc-400 hover:text-white"
                    }`}
                >
                    {LOCALE_LABELS[locale]}
                </button>
            ))}
        </div>
    );
}