const Menu: React.FC = () => {
    return (
        <Router>
            <nav>
                <ul className='Menu-navbar'>
                    <div className='Menu-Logo-place'>
                        <Link to="/"><img className='Menu-logo-image' src={Menu_logo} alt="lt" /></Link>
                    </div>
                    <div className='Menu-list-place'>

                        <Link to="/">Home</Link>
                        <Link to="about">About</Link>
                        <Link to="contact">Contact Us</Link>

                        <li>flags for langage</li>
                    </div>
                </ul>
            </nav>
            <Routes>
                <Route path="/" caseSensitive={false} element={<Home />} />
                <Route path="/about" caseSensitive={false} element={<AboutUs />} />
                <Route path="/contact" caseSensitive={false} element={<ContactUs />} />
            </Routes>
        </Router>
    )
}
export default Menu;

// Don't forget the to import <Outlet/> in the same file that you want to show the pages