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

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

    button(buttonProps, [option.label])

  setFormData: ->
    @props.setFormData(@props.option.value)


module.exports = ToggleButton