import { Route, Switch } from "react-router-dom";
import { Home, Guides, News, Trends } from "./pages";
import { NavbarMenu, SearchGroup } from "./components";
// import styles from "./App.module.scss";

function App() {
  return (
    <div>
      <NavbarMenu />
      <SearchGroup />
      <Switch>
        {/* this is used to create a link a url to a component */}
        <Route exact path="/" render={() => <Home />} />
        <Route exact path="/guides" render={() => <Guides />} />
        <Route exact path="/news" render={() => <News />} />
        <Route exact path="/trends" render={() => <Trends />} />
      </Switch>
    </div>
  );
}

export default App;
