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

const propTypes = {
  className: PropTypes.string,
}

const defaultProps = {
  className: '',
}

const CustomFriendCircle = ({ className }) =>
  <div className={`${className}`}>
    <NavBar title="FriendCircle">
      <NavBar.Item to="/home">
        <Icon type="chevron-left" />MeetUI
      </NavBar.Item>
    </NavBar>

    <TableView>
      <FriendCircleTableViewCell senderName="gaoyy" senderPortrait={meImage}
        content="React released v15.0.0 is superising!" images={[meImage]} date="2016-04-08"
      />
      <FriendCircleTableViewCell senderName="gaoyy" senderPortrait={meImage}
        content="React released v15.0.0 is superising!" images={[meImage]} date="2016-04-08"
      />
    </TableView>
  </div>

CustomFriendCircle.propTypes = propTypes
CustomFriendCircle.defaultProps = defaultProps

export default CustomFriendCircle