const markers = `
<g id="notch">
  <circle cy="0" cx="0" r="1.4" class="fill-note" />
  <circle cy="0" cx="0" r="2.8" class="note" />
</g>
<g id="bnotch">
  <path d="M -1.1 -1.1 L 1.1 1.1 M 1.1 -1.1 L -1.1 1.1" class="note" />
  <circle cy="0" cx="0" r="2.8" class="note" />
</g>`

// Export hooks
export const notchesHooks = {
  preRender: [
    function (svg) {
      if (svg.defs.indexOf(`id="notch"`) === -1) svg.defs += markers
    },
  ],
}