import { IsolatedNodeComponent } from 'substance'
import TextPropertyEditor from './TextPropertyEditor'

class IsolatedNoteComponent extends IsolatedNodeComponent {
  render ($$) {
    let el = $$('div').addClass('sc-entity')
    el.attr('data-id', this.props.node.id)
    el.append(
    $$(TextPropertyEditor, {
      path: [this.props.node.id, 'content'],
      disabled: this.props.disabled,
      tagName: 'p',
      multiLine: false
    }).ref('noteContentEditor-' + this.props.node.id))

    return el
  }
}

export default IsolatedNoteComponent