import React from 'react'
import PropTypes from 'prop-types'
import {IconButton as RTIconButton} from 'react-toolbox/lib/button'
import theme from './theme.scss'

class IconButton extends React.Component {
  render () {
    let props = {...this.props}
    if (props.secondary) {
      props.accent = props.secondary
      delete props.secondary
    }
    let className = props.className ? props.className : ''
    if (props.menuButton) {
      className += ' ' + theme.menuButton
      delete props.menuButton
    }
    return (
      <RTIconButton theme={theme} {...props} className={className}>
        {this.props.children}
      </RTIconButton>
    )
  }
}

IconButton.propTypes = {
  children: PropTypes.any
}

export default IconButton