import React from "react"; import { Container } from "react-bootstrap"; import { BrowserRouter as Router, Route } from "react-router-dom"; import Footer from "./components/Footer"; import Header from "./components/Header"; import BookListPage from "./pages/BookListPage"; import BookPage from "./pages/BookPage"; import HomePage from "./pages/HomePage"; const App = () => { return ( <Router> <Header /> <main className="py-3"> <Container> <Route exact path="/" component={HomePage} /> <Route exact path="/books" component={BookListPage} /> <Route exact path="/books/:id" component={BookPage} /> </Container> </main> <Footer /> </Router> ); }; export default App;