import React from 'react';
import ReactDOM from 'react-dom';
import { Route, BrowserRouter as Router, Switch } from 'react-router-dom'
import './index.css';
import Login from './Login'
import Register from './Register'
import MainMenu from './MainMenu'
import UpdateProfile from './UpdateProfile'
import NotFound from './NotFound'

const routing = (
  <Router basename="/~raj/react/routing/build">
    <div>
      <Switch>
        <Route exact path="/" component={Login} />
        <Route path="/register" component={Register} />
        <Route path="/mainmenu" component={MainMenu} />
        <Route path="/updateprofile" component={UpdateProfile} />
        <Route component={NotFound} />
      </Switch>
    </div>
  </Router>
)

ReactDOM.render(routing, document.getElementById('root'))