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

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

    return el
  }
}

export default IsolatedNoteComponent