import React, { PropTypes } from 'react'
import ChatItem from '../ChatItem'
import styles from './index.css'

const propTypes = {
  className: PropTypes.string,
  children: PropTypes.node,
}

const defaultProps = {
  className: '',
}

const Chat = ({ className, children, ...other }) =>
  <div {...other} className={`${styles.chat} ${className}`}>
    {children}
  </div>

Chat.propTypes = propTypes
Chat.defaultProps = defaultProps
Chat.Item = ChatItem

export default Chat