import { Provider } from 'react-redux';
import React from 'react';
import { render } from 'react-dom';
import 'rxjs';
import { IntrojsProvider } from 'react-introjs';
import App from './components/App';
import store from './configureStore';

render(
  <IntrojsProvider
    onExit={() => console.log('exit')}
    onConfigureIntroJs={() => new Promise((resolve, reject) => {
      resolve([
        {
          element: '#step1',
          intro: 'test 1',
          position: 'right',
          tooltipClass: 'myTooltipClass',
          highlightClass: 'myHighlightClass',
        },
        {
          element: '#step2',
          intro: 'test 2',
        },
      ]);
    })}
  >
    <Provider store={store} >
      <App />
    </Provider>
  </IntrojsProvider>, document.getElementById('main'));