import './App.css'
import { BrowserRouter, NavLink, Route, Routes } from 'react-router-dom';
import Homepage from './pages/homepage';
import Settings from './pages/settings';
import Food from './pages/food';

function App() {
  return (
    <>
      <BrowserRouter>
        <nav>
          <NavLink to="/">Homepage</NavLink>
          <NavLink to="/food">Food</NavLink>
          <NavLink to="/settings">Settings</NavLink>
        </nav>

        <Routes>
          <Route path="/" element={<Homepage />} />
          <Route path="/food" element={<Food />} />
          <Route path="/settings" element={<Settings />} />
        </Routes>
      </BrowserRouter>
    </>
  )
}

export default App
