import Html from 'slate-html-serializer'

  ul: 'bulleted-list',

  ol: 'numbered-list',

  li: 'list-item',

  u: 'underlined',

        object: 'block',

        nodes: next(el.childNodes)

    serialize(obj, children) {

      if (obj.object !== 'block') return

      switch (obj.type) {

        case 'numbered-list':

          return <ol>{children}</ol>;

        case 'bulleted-list':

          return <ul>{children}</ul>;

         case 'list-item':

          return <li>{children}</li>;

        case 'line':

          return <p>{children}</p>

        object: 'mark',

        nodes: next(el.childNodes)

    serialize(obj, children) {

      if (obj.object !== 'mark') return

      switch (obj.type) {

        case 'bold':

          return <strong>{children}</strong>

        case 'italic':

          return <em>{children}</em>

        case 'underlined':

          return <ins>{children}</ins>

        case 'category':

          return <span style={{ backgroundColor: obj.data.get('color') }}>{children}</span>