import { useEffect, useState } from 'react' import MangoPill from '../components/MangoPill' // import Button from './Button' const NavBarBeta = () => { const [mobileMenuVisible, setMobileMenuVisible] = useState(false) const [productMenuVisible, setProductMenuVisible] = useState(false) const [supportMenuVisible, setSupportMenuVisible] = useState(false) const toggleMobileMenu = (e) => { setMobileMenuVisible(!mobileMenuVisible) e.stopPropagation() } const toggleProducts = (e) => { setProductMenuVisible(!productMenuVisible) setSupportMenuVisible(false) e.stopPropagation() } const toggleSupport = (e) => { setSupportMenuVisible(!supportMenuVisible) setProductMenuVisible(false) e.stopPropagation() } const closeMenu = () => { setMobileMenuVisible(false) setProductMenuVisible(false) setSupportMenuVisible(false) } const doNothing = (e) => { e.stopPropagation() } useEffect(() => { window.addEventListener('click', closeMenu) return () => window.removeEventListener('click', closeMenu) }) return (
{/* Main Menu */}
Mango
{/* */}
{/* Mobile menu */}
) } export default NavBarBeta