content: /** @jsx h */
  
  import React from 'react'
  import h from '../../helpers/h'
  
  function decorateNode(block) {
    const text = block.getFirstText()
    return [
      {
        anchorKey: text.key,
        anchorOffset: 1,
        focusKey: text.key,
        focusOffset: 2,
        marks: [{ type: 'bold' }],
      },
    ]
  }
  
  function Bold(props) {
    return React.createElement('strong', null, props.children)
  }
  
  function renderMark(props) {
    switch (props.mark.type) {
      case 'bold':
        return Bold(props)
    }
  }
  
  export const props = {
    decorateNode,
    renderMark,
  }
  
  export const value = (
    <value>
      <document>
        <paragraph>one</paragraph>
      </document>
    </value>
  )
  
  export const output = `
  <div data-slate-editor="true" contenteditable="true" role="textbox">
    <div style="position:relative">
      <span>
        <span>o</span>
        <span><strong>n</strong></span>
        <span>e</span>
      </span>
    </div>
  </div>
  `.trim()
  