React = require './React-shim'
DOM = require '../reactGUI/ReactDOMFactories-shim'
createReactClass = require '../reactGUI/createReactClass-shim'
{classSet} = require '../core/util'
{_} = require '../core/localization'


createToolButton = (tool) ->
  displayName = tool.name
  imageName = tool.iconName
  React.createFactory createReactClass
    displayName: displayName,
    getDefaultProps: -> {isSelected: false, lc: null}
    componentWillMount: ->
      if @props.isSelected
        # prevent race condition with options, tools getting set
        # (I've already forgotten the specifics of this; should reinvestigate
        # and explain here. --steve)
        @props.lc.setTool(tool)
    render: ->
      {div, img} = DOM
      {imageURLPrefix, isSelected, onSelect} = @props

      className = classSet
        'lc-pick-tool': true
        'toolbar-button': true
        'thin-button': true
        'selected': isSelected
      src = "#{imageURLPrefix}/#{imageName}.png"
      (div {
        className,
        style: {'backgroundImage': "url(#{src})"}
        onClick: (-> onSelect(tool)), title: _(displayName)})


module.exports = createToolButton