text: import React from "react";
  import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
  import Home from "./pages/Home";
  import About from "./pages/About";
  import Error from "./pages/Error";
  import SingleCocktail from "./pages/SingleCocktail";
  import Navbar from "./components/Navbar";
  
  export default function App() {
    return (
      <Router>
        <Navbar />
        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route exact path="/about">
            <About />
          </Route>
          <Route exact path="/cocktails/:id">
            <SingleCocktail />
          </Route>
          <Route exact path="*">
            <Error />
          </Route>
        </Switch>
      </Router>
    );
  }
  