import '../css/onboarding.styl'
import * as React from 'react'
import { Store } from 'react-chrome-redux'
import { render } from 'react-dom'
import { Provider } from 'react-redux'

import OnboardingPage from './sequenceOnboardingPage'

declare const window: any

const store = new Store({
  portName: 'DRIFT', // communication port name
})

store.ready().then(() => {
  render(
    <Provider store={store}>
      <OnboardingPage />
    </Provider>,
    window.document.getElementById('root'),
  )
})