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

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

const defaultProps = {
  className: '',
}

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

CollectionView.propTypes = propTypes
CollectionView.defaultProps = defaultProps
CollectionView.Cell = CollectionViewCell

export default CollectionView