import React from 'react'
import { render } from 'react-dom'
import { Router, Route, IndexRoute, hashHistory } from 'react-router'
import App from './containers/App'
import Home from './containers/Home'
import CustomNavBar from './containers/CustomNavBar'
import CustomTabBar from './containers/CustomTabBar'
import CustomToolBar from './containers/CustomToolBar'
import CustomSearchBar from './containers/CustomSearchBar'
import CustomTableView from './containers/CustomTableView'
import CustomCollectionView from './containers/CustomCollectionView'
import CustomForm from './containers/CustomForm'
import CustomButton from './containers/CustomButton'
import CustomChat from './containers/CustomChat'
import CustomFriendCircle from './containers/CustomFriendCircle'

render((
  <Router history={hashHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={Home} />
      <Route path="home" component={Home} />
      <Route path="navbar" component={CustomNavBar} />
      <Route path="tab_bar" component={CustomTabBar} />
      <Route path="tool_bar" component={CustomToolBar} />
      <Route path="search_bar" component={CustomSearchBar} />
      <Route path="tableview" component={CustomTableView} />
      <Route path="collection_view" component={CustomCollectionView} />
      <Route path="form" component={CustomForm} />
      <Route path="button" component={CustomButton} />
      <Route path="chat" component={CustomChat} />
      <Route path="friend_circle" component={CustomFriendCircle} />
    </Route>
  </Router>
), document.getElementById('app'))