// CSS-only tooltip shown on hover/focus. Wrap the trigger content in the slot.
component Tooltip {
  props {
    text = ""
    class = ""
  }
  view {
    <span class="wire-tooltip {class}" data-tooltip="{text}" tabindex="0"><slot></slot></span>
  }
}