"use client";

import { Languages } from "lucide-react";
import { Button } from "@/components/ui/button";
import { useLocale } from "@/components/providers/locale-provider";

export function LanguageToggle() {
  const { locale, setLocale, t } = useLocale();

  return (
    <Button
      type="button"
      variant="outline"
      size="sm"
      onClick={() => setLocale(locale === "ar" ? "en" : "ar")}
      title={t.language}
    >
      <Languages className="h-4 w-4" />
      <span>{locale === "ar" ? "EN" : "عربي"}</span>
    </Button>
  );
}