{"size": 1041, "ext": "js", "max_stars_repo_path": "client/src/App.js", "max_stars_repo_name": "ShaylaStevenson/book-it", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/App.js", "max_issues_repo_name": "ShaylaStevenson/book-it", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/App.js", "max_forks_repo_name": "ShaylaStevenson/book-it", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.6590909091, "max_line_length": 74, "alphanum_fraction": 0.525456292}
import React from "react";
//, { Component }
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import SavedPage from "./pages/Saved";
import SearchPage from "./pages/Search";
import NavBar from "./components/NavBar";
import "./App.css";

//import logo from "./logo.svg";
//import SavedPage from "../src/pages/Saved"

function App() {
  return (
    <Router>
      <div>
        <NavBar />
        <Switch>
          <Route exact path={["/", "/search"]}>
            <SearchPage />
          </Route>
          <Route exact path="/saved">
            <SavedPage />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}


export default App;

// <div className="App">
    //   <div className="App-header">
    //     <img src={logo} className="App-logo" alt="logo" />
    //     <h2>Welcome to React</h2>
    //   </div>
    //   <p className="App-intro">
    //     To get started, edit <code>src/App.js
    //       <SavedPage />
    //       </code> and save to reload.
    //   </p>
    // </div>
