wbu-design-system/dist/services/dividerBlotService.js

WhereBy.Design is the nascent design system for WhereBy.Us

import Quill from 'quill';

const BlockEmbed = Quill.import('blots/block/embed');

class DividerBlot extends BlockEmbed {
  static create({ color }) {
    const hrNode = document.createElement('hr');
    hrNode.classList.add('composer__divider');
    hrNode.setAttribute('data-color', color);

    return hrNode;
  }

  static value(node) {
    return {
      color: node.getAttribute('data-color'),
    };
  }
}
DividerBlot.blotName = 'dividerBlot';
DividerBlot.className = 'composer__divider';

export {
  DividerBlot, // eslint-disable-line import/prefer-default-export
};