import type { Dictionary } from "@/lib/i18n/get-dictionary";
import type { Locale } from "@/lib/i18n/locales";
import { LanguageSwitcher } from "@/components/language-switcher";

export function SiteHeader({ dict, locale }: { dict: Dictionary["nav"]; locale: Locale }) {
    return (
        <header className="sticky top-0 z-50 border-b border-white/5 bg-void/80 backdrop-blur">
            <div className="mx-auto flex h-16 w-full max-w-4xl items-center justify-between px-5">
                <a href="#top" className="font-mono text-lg font-bold tracking-tight">
                    fristy<span className="text-blurple">.net</span>
                </a>
                <nav className="hidden items-center gap-6 text-sm text-zinc-400 sm:flex">
                    <a href="#discord" className="transition-colors hover:text-white">
                        {dict.discord}
                    </a>
                    <a href="#projects" className="transition-colors hover:text-white">
                        {dict.projects}
                    </a>
                    <a href="#contact" className="transition-colors hover:text-white">
                        {dict.contact}
                    </a>
                </nav>
                <LanguageSwitcher current={locale} />
            </div>
        </header>
    );
}