text: /* eslint react/jsx-max-props-per-line: 0 */
  /* eslint react/jsx-sort-props: 0 */
  import React from "react";
  import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
  
  import App from "./App";
  import Home from "./introduction/Home";
  import About from "./contact/About";
  import Page from "./projects/Page";
  
  const Root = (props) => {
    return (
      <Router>
        <App>
          <Switch>
            <Route exact path="/" component={Home} />
            <Route path="/about" component={About} />
            <Route path="/pages/:id" component={Page} />
            <Route path="*" component={Home} />
          </Switch>
        </App>
      </Router>
    );
  };
  
  export default Root;
  