<!-- <div
  class="
    pointer-events-none
    max-w-xs
    whitespace-normal
    rounded-sm
    bg-primary
    px-2
    py-1
    text-xs
    font-medium
    leading-4
    text-white
    shadow-sm
  "
  role="tooltip"
>
  {{ text() }}
</div> -->

<div
  [class]="resolvedTooltipClass()"
  role="tooltip"
>
  {{ text() }}
</div>