import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { BrowserRouter as Router , Link , withRouter } from 'react-router-dom';
import Route from 'react-router-dom/Route';
import Nav from './components/Home/Nav';
import Footer from './components/Home/Footer';
import Routes from './Routes';
import Product from './components/Dashboard/Product';

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>Ecom | Client-side | React Application</h1>
        <br/>
        <hr/>
        <Nav />
        {/* <Router>
          <div>
            <Route exact path="/dashboard/products" component={Product}/>
          </div>
        </Router> */}
        <Routes />
        <Footer />
      </div>
    );
  }
}

export default App;