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

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

const defaultProps = {
  className: '',
}

const Select = ({ className, children, ...other }) =>
  <select {...other} className={`${styles.select} ${className}`}>
    {children}
  </select>

Select.propTypes = propTypes
Select.defaultProps = defaultProps
Select.Option = Option

export default Select