 React = require 'react'
 
 {Utils, DOMUtils} = require 'nylas-exports'
+{KeyCommandsRegion} = require 'nylas-component-kit'
 ClipboardService = require './clipboard-service'
 FloatingToolbarContainer = require './floating-toolbar-container'
 


    if event.key is "Tab"
      @_onTabDownDefaultBehavior(event)

    U = 85
    if event.which is U and (event.metaKey or event.ctrlKey)
      event.preventDefault()
      document.execCommand("underline")
    return

  # Every time the contents of the contenteditable DOM node change, the
  # `onInput` event gets fired.

      onDomMutator={@_onDomMutator} />

  render: =>
    <KeyCommandsRegion className="contenteditable-container"
                       localHandlers={@_keymapHandlers()}>
      {@_renderFloatingToolbar()}

      <div className="contenteditable"
