{% props id: String, shortcut: String = "", inner_block: Slot %}
{# point the trigger at it: interestfor="{{ id }}" (and aria-describedby when it has its own label) #}
<span class="ui-tooltip" id="{{ id }}" popover="hint" role="tooltip">{{ inner_block }}{% if !shortcut.is_empty() %} <kbd class="ui-kbd">{{ shortcut }}</kbd>{% end %}</span>