import React from 'react';
import './global.scss';
import { Provider } from 'react-redux'
import { createStore, applyMiddleware, compose } from 'redux'
import HotRouters from './router/index';
import service from './middleware/service';
import reducers from './reducers';

// eslint-disable-next-line no-undef
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const store = createStore(reducers, composeEnhancers(applyMiddleware(service)));

const App = () => (
  <Provider store={store}>
    <HotRouters />
  </Provider>
);

export default App;