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

class IsolatedNoteComponent extends BlockNodeComponent {
    
    render($$) {
        console.log('this', this)
        let el = $$('div').addClass('sc-entity')
        el.append($$('paragraph'))
        el.append($$('paragraph').append(
        $$(TextPropertyEditor, {
        path: [this.props.node.id, 'description'],
        disabled: this.props.disabled,
        tagName: 'p',
        multiLine: true,

      }).ref('nameEditor')))

        // el.on('click', function (e) {
        //     console.log(this)
        //     this.el.attr('contentEditable', true)
        //     this.el.attr('hi', true)
        //     console.log(this)
        // })
        return el
    }
}

export default IsolatedNoteComponent