import React from 'react';
import {BrowserRouter, Route, Link, Switch} from 'react-router-dom';
import {hot} from 'react-hot-loader/root';

import ApplicationLayout from './components/layout/application_layout';

import Pokemon from './components/pages/pokemon';
import NotFound from './components/pages/not_found';
import TestComponent from './components/test_component';

import './assets/stylesheets/app.scss';

class App extends React.Component {
  render() {
    return (
      <BrowserRouter>
        <ApplicationLayout>
          <Switch>
            <Route exact path="/" component={TestComponent} />
            <Route exact path="/pokemon" component={Pokemon} />

            <Route exact path="/*" component={NotFound} />
          </Switch>

          <Link to="/pokemon">some pokemon</Link>
        </ApplicationLayout>
      </BrowserRouter>
    );
  }
}

export default hot(App);
