"use client";

import { useLang } from "@/context/LanguageContext";

export function LanguageSwitcher({ compact }: { compact?: boolean }) {
  const { locale, setLocale } = useLang();

  return (
    <div className="btn-group" role="group" aria-label="Language">
      <button
        type="button"
        onClick={() => setLocale("en")}
        className={`btn ${compact ? "btn-sm" : "btn-sm"} ${
          locale === "en" ? "btn-primary" : "btn-outline-secondary"
        }`}
      >
        EN
      </button>
      <button
        type="button"
        onClick={() => setLocale("bn")}
        className={`btn btn-sm ${locale === "bn" ? "btn-primary" : "btn-outline-secondary"}`}
      >
        বাং
      </button>
    </div>
  );
}