React = require 'react'
createClass = require 'create-react-class'

{span} = require 'react-dom-factories'

RTEButton = createClass
  
  displayName: 'RTEButton'

  render: ->
    className = 'style-button';
    
    if @props.active
      className += ' active-button'
        
    span { 
      className: className
      onMouseDown: @onToggle
    }, @props.label

  onToggle: (e) -> 
    e.preventDefault()
    @props.onToggle(@props.style)

module.exports = RTEButton