import { NodeComponent } from '../../kit'

export default class BlockQuoteComponent extends NodeComponent {
  render ($$) {
    let node = this.props.node
    let el = $$('div')
      .addClass('sc-block-quote')
      .attr('data-id', node.id)

    el.append(
      this._renderValue($$, 'content').ref('content'),
      this._renderValue($$, 'attrib').ref('attrib')
    )
    return el
  }
}

import { NodeComponent } from '../../kit'

export default class BlockQuoteComponent extends NodeComponent {
  render ($$) {
    let node = this.props.node
    let el = $$('div')
      .addClass('sc-block-quote')
      .attr('data-id', node.id)

    el.append(
      this._renderValue($$, 'content', { container: true }).ref('content'),
      this._renderValue($$, 'attrib').ref('attrib')
    )
    return el
  }
}

Make BlockQuote.content editable as container.