src/content/dependencies/generateTooltip.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

export default {
  extraDependencies: ['html'],

  slots: {
    attributes: {
      type: 'attributes',
      mutable: false,
    },

    contentAttributes: {
      type: 'attributes',
      mutable: false,
    },

    content: {
      type: 'html',
      mutable: false,
    },
  },

  generate: (slots, {html}) =>
    html.tag('span', {class: 'tooltip'},
      {[html.noEdgeWhitespace]: true},
      slots.attributes,

      html.tag('span', {class: 'tooltip-content'},
        {[html.noEdgeWhitespace]: true},
        slots.contentAttributes,
        slots.content)),
};