React = require 'react'

{button} = React.DOM

ToggleButton = React.createClass
  
  displayName: 'ToggleButton'

  render: ->
    {option, selected, options, useTabs} = @props

    className = if useTabs then 'toggle-tab' else 'toggle-button'
    className += ' is-selected' if selected

    buttonProps =
      className: className
      onClick: @setFormData
    

    buttonProps.disabled = yes if option.disabled is yes
    buttonProps.title = option.title if option.title



    if useTabs
      buttonProps.style = 
        width: "#{100 / options.length}%"

    button(buttonProps, [option.label])

  setFormData: ->
    {option} = @props
    @props.setFormData(option.value)


module.exports = ToggleButton