Files
e9963504-5b1a-4607-afff-211…/src/app/components/LanguageToggle.tsx

18 lines
539 B
TypeScript

"use client";
import { useLanguage } from "@/app/context/LanguageContext";
export function LanguageToggle() {
const { language, setLanguage, t } = useLanguage();
return (
<button
onClick={() => setLanguage(language === "en" ? "fr" : "en")}
className="flex items-center gap-1 px-3 py-2 rounded-md text-sm font-medium transition-all hover:opacity-80"
aria-label={`Switch language to ${language === "en" ? "French" : "English"}`}
>
{language === "en" ? t("lang.fr") : t("lang.en")}
</button>
);
}