app-whistling-shiba-drift/components/language-switcher.tsx

24 lines
619 B
TypeScript

"use client";
import { useLanguage } from "@/context/language-provider";
import { Button } from "@/components/ui/button";
import { Languages } from "lucide-react";
export function LanguageSwitcher() {
const { language, setLanguage } = useLanguage();
return (
<Button
variant="ghost"
size="sm"
className="flex items-center gap-2 px-2 h-9"
onClick={() => setLanguage(language === "en" ? "ar" : "en")}
>
<Languages className="w-4 h-4" />
<span className="text-sm font-medium">
{language === "en" ? "العربية" : "English"}
</span>
</Button>
);
}