import React, { useState, useRef, useEffect } from 'react'; import { useTranslation } from '../js/i18n'; function LanguageSelector() { const { lang, setLanguage } = useTranslation(); const [isOpen, setIsOpen] = useState(false); const dropdownRef = useRef(null); const languages = { en: 'English', zh: '中文', ja: '日本語', ko: '한국어' }; const handleLanguageChange = (newLang) => { setLanguage(newLang); setIsOpen(false); }; useEffect(() => { const handleClickOutside = (event) => { if (dropdownRef.current && !dropdownRef.current.contains(event.target)) { setIsOpen(false); } }; document.addEventListener('mousedown', handleClickOutside); return () => { document.removeEventListener('mousedown', handleClickOutside); }; }, []); return (
{isOpen && ( )}
); } export default LanguageSelector;