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

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

const defaultProps = {
  className: '',
}

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

ToolBar.propTypes = propTypes
ToolBar.defaultProps = defaultProps
ToolBar.Item = Button

export default ToolBar