{% props id: String, label: String, trigger: String = "", inner_block: Slot %}
{# trigger: the text of an outline button that opens it; leave it out to point your own control at the id with popovertarget #}
{%- if !trigger.is_empty() %}
<button class="ui-btn" data-variant="outline" type="button" popovertarget="{{ id }}">{{ trigger }}</button>
{%- end %}
<div class="ui-popover" id="{{ id }}" popover role="dialog" aria-label="{{ label }}">{{ inner_block }}</div>