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

const propTypes = {
  className: PropTypes.string,
  children: PropTypes.node,
  flexBasis: PropTypes.string,
  height: PropTypes.string,
  borderTop: PropTypes.string,
  borderRight: PropTypes.string,
  borderBottom: PropTypes.string,
  borderLeft: PropTypes.string,
}

const defaultProps = {
  className: '',
}

const CollectionViewCell = ({ className, children, ...other }) => {
  const collectionViewStyle = other
  return (
    <div className={`${styles.collectionViewCell} ${className}`} style={collectionViewStyle}>
      {children}
    </div>
  )
}

CollectionViewCell.propTypes = propTypes
CollectionViewCell.defaultProps = defaultProps

export default CollectionViewCell