MemShellParty/web/app/components/language-switcher.tsx

import { LanguagesIcon } from "lucide-react";
import { useTranslation } from "react-i18next";

import { Button } from "./ui/button";

export function LanguageSwitcher() {
  const { i18n } = useTranslation();

  const toggleLanguage = () => {
    const newLang = i18n.language === "en" ? "zh-CN" : "en";
    i18n.changeLanguage(newLang);
  };

  return (
    <Button
      variant="ghost"
      size="icon"
      onClick={toggleLanguage}
      title={i18n.language === "en" ? "Switch to Chinese" : "切换到英文"}
    >
      <LanguagesIcon className="h-5 w-5" />
    </Button>
  );
}