import React from 'react';
import ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import { Provider } from 'react-redux';
import { Router, Route, IndexRoute } from 'react-router';
import { BrowserRouter } from 'react-router-dom'
import configureStore from './stores';

// Components
import App from './containers/App';

const store = configureStore();

ReactDOM.render(
  <BrowserRouter>
    <AppContainer>
      <Provider store={store}>
          <App />
      </Provider>
    </AppContainer>
  </BrowserRouter>,
  document.getElementById('app')
);

if (module.hot) {
  module.hot.accept('./containers/App', () => {
    const NextApp = require('./containers/App').default; // eslint-disable-line global-require

    ReactDOM.render(
      <BrowserRouter>
        <AppContainer>
          <Provider store={store}>
              <App />
          </Provider>
        </AppContainer>
      </BrowserRouter>,
      document.getElementById('app')
    );
  });
}