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

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

const defaultProps = {
  className: '',
}

const TabBar = ({ className, children, ...other }) =>
  <div>
    <div className={styles.fixedHelper}></div>
    <div {...other} className={`${styles.tabBar} ${className}`}>
      {children}
    </div>
  </div>

TabBar.propTypes = propTypes
TabBar.defaultProps = defaultProps
TabBar.Item = TabBarItem

export default TabBar