import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { ConnectedRouter } from 'connected-react-router'
import store, { history } from './store'
import App from './containers/app'

import 'sanitize.css/sanitize.css'
import './index.css'

// Import Framework7
import Framework7 from 'framework7/framework7.esm.bundle';
// Import Framework7-React plugin
import Framework7React from 'framework7-react';
// Framework7 styles
import 'framework7/css/framework7.min.css';

// TODO
// import 'framework7/css/framework7.ios.min.css';


// Init Framework7-React plugin
Framework7.use(Framework7React);

const target = document.querySelector('#root')

render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <App />
    </ConnectedRouter>
  </Provider>,
  target
)