import { Link } from 'react-router-dom'; import { useState, useRef, useEffect } from 'react'; import { useLanguage } from '../context/LanguageContext'; function Navbar() { const [isOpen, setIsOpen] = useState(false); const dropdownRef = useRef(null); const { language, setLanguage, t } = useLanguage(); // Close dropdown when clicking outside useEffect(() => { function handleClickOutside(event) { if (dropdownRef.current && !dropdownRef.current.contains(event.target)) { setIsOpen(false); } } document.addEventListener('mousedown', handleClickOutside); return () => { document.removeEventListener('mousedown', handleClickOutside); }; }, []); return ( ); } export default Navbar;