         (input \
           {
             type: 'text'
-            key: 'text-value'
             placeholder: 'Enter text here'
             value: @state.text
             onChange: @handleText

        '"Lucida Typewriter",monospace')},
    ]

    updateTool: ->
      items = []
      items.push('italic') if @state.isItalic
      items.push('bold') if @state.isBold
      items.push("#{@state.fontSize}px")
      items.push(@getFamilies()[@state.fontFamilyIndex].value)
      @props.lc.tool.font = items.join(' ')
      console.log @props.lc.tool.font

    handleText: (event) ->
      @props.lc.tool.text = event.target.value
      @setState {text: @getText()}

    handleFontSize: (event) ->
      @setState {fontSize: parseInt(event.target.value, 10)}
      @updateTool()

    handleFontFamily: (event) ->
      console.log event.target.value
      @setState {fontFamilyIndex: event.target.value}
      console.log @state.fontFamilyIndex, '!'
      @updateTool()

    handleItalic: (event) ->
      @setState {isItalic: !@state.isItalic}
      @updateTool()

    handleBold: (event) ->
      @setState {isItalic: !@state.isBold}
      @updateTool()

    render: ->
      {div, input, select, option, br, label, span} = React.DOM

    getText: -> @props.lc.tool?.text
    getInitialState: -> {
      text: @getText()
      fontSizeString: 18
      isItalic: false
      isBold: false
      fontFamilyIndex: 0
