import { h, render } from 'preact'
import { Provider } from 'react-redux'
// import {  } from 'react-router-redux'
import { BrowserRouter, Route } from 'react-router-dom'
// import client from './client'
import socket from './socket'

import { store, history } from './store'

import Header from './common/header.component'
import Live from './live'

const app = (
  <Provider store={store}>
    <BrowserRouter>
      <div>
        <Header />
        <Route path='/' component={Live} />
        <Route path='/live/' component={Live} />
      </div>
    </BrowserRouter>
  </Provider>
)

render(app, document.getElementById('container'))
