import React from 'react';
import { ReactDOM, render } from 'react-dom';
import { Provider } from 'react-redux';
import { browserHistory, Router } from 'react-router';
import { syncHistoryWithStore } from 'react-router-redux';

import configureStore from '../store/configureStore';
import routes from '../routes';


const initialState = {};
const target = document.getElementById('app');

const store = configureStore(initialState, browserHistory);
const history = syncHistoryWithStore(browserHistory, store);

const node = (
    <Provider store={store}>
      <Router history={history}>
        {routes}
      </Router>
    </Provider>
);


ReactDOM.render(node, target);