.mp-custom-event-tooltip
  mp-tooltip(
    hook={
      create: $helpers.createTooltip,
    }
    attrs={
      placement: `bottom`,
      'max-width': `300px`,
    }
  )
    - const parts = $helpers.getCustomEventTooltipParts();
    .mp-custom-event-tooltip-content-wrapper(
      attrs={
        title: parts.map(part => part.label).join(` `),
      }
    )
      each part in parts.slice(0, 50)
        span(
          class={'mp-custom-event-tooltip-part-highlight': part.highlight}
        )= $helpers.truncateMiddle(part.label, 20)