import React from 'react';
import ReactDOM from 'react-dom';
import SettingsComponent from './components';
import reducer from './reducers/setting';
import { Provider } from 'react-redux';
import promise from 'redux-promise';
import { createStore, applyMiddleware } from 'redux';

const store = createStore(
  reducer,
  applyMiddleware(promise),
);

document.addEventListener('DOMContentLoaded', () => {
  const wrapper = document.getElementById('vimvixen-settings');
  ReactDOM.render(
    <Provider store={store}>
      <SettingsComponent store={store} />
    </Provider>,
    wrapper
  );
});