import React from 'react';
import ReactDOM from 'react-dom';
import injectTapEventPlugin from 'react-tap-event-plugin';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
import routes from './routes';
import HomePage from './src/Components/HomePage.jsx';
import LoginPage from './src/Container/LoginPage.jsx';
import SignUpPage from './src/Container/SignUpPage.jsx';

// remove tap delay, essential for MaterialUI to work properly
injectTapEventPlugin();
ReactDOM.render((
  <MuiThemeProvider muiTheme={getMuiTheme()}>
    <BrowserRouter>
      <Switch>
        <Route path="/" component={HomePage} />
        <Route path="/login" component={LoginPage} />
        <Route path="/signup" component={SignUpPage} />
      </Switch>
  </BrowserRouter>
  </MuiThemeProvider>), document.getElementById("app"));