import React from 'react'
import { NavBar, TableView } from '../../../index'
// import styles from './index.css'
const meImage = require('../../assets/imgs/me.jpg')

const Home = () =>
  <div>
    <NavBar title="MeetUI" />

    <TableView header="Bar">
      <TableView.Cell
        to="/navbar"
        presetStyle="basic"
        title="NavBar"
        accessory="disclosureIndicator"
        hr
      />
      <TableView.Cell
        to="/tab_bar"
        presetStyle="basic"
        title="TabBar"
        accessory="disclosureIndicator"
        hr
      />
      <TableView.Cell
        to="/tool_bar"
        presetStyle="basic"
        title="ToolBar"
        accessory="disclosureIndicator"
        hr
      />
      <TableView.Cell
        to="/search_bar"
        presetStyle="basic"
        title="SearchBar"
        accessory="disclosureIndicator"
      />
    </TableView>

    <TableView header="View">
      <TableView.Cell
        to="/tableview"
        presetStyle="basic"
        title="TableView"
        accessory="disclosureIndicator"
        hr
      />
      <TableView.Cell
        to="/collection_view"
        presetStyle="basic"
        title="CollectionView"
        accessory="disclosureIndicator"
      />
    </TableView>

    <TableView header="Form">
      <TableView.Cell
        to="/form"
        presetStyle="basic"
        title="Form"
        accessory="disclosureIndicator"
        hr
      />
      <TableView.Cell
        to="/button"
        presetStyle="basic"
        title="Button"
        accessory="disclosureIndicator"
      />
    </TableView>

    <TableView header="Icon">
      <TableView.Cell
        presetStyle="rightDetail"
        title="Icon"
        detail="Font Awesome"
      />
    </TableView>

    <TableView header="Chat">
      <TableView.Cell
        to="/chat"
        presetStyle="basic"
        title="Chat"
        accessory="disclosureIndicator"
      />
    </TableView>

    <TableView header="FriendCircle">
      <TableView.Cell presetStyle="basic" title="FriendCircle" accessory="disclosureIndicator"
        to="/friend_circle"
      />
    </TableView>

    <TableView header="About Me" footer="">
      <TableView.Cell
        presetStyle="basic"
        title="zhiquan_yu"
        image={meImage}
      />
    </TableView>
  </div>

export default Home