{# variant: "" | "border" | "separator". `working` marks work in progress (spinner, shimmer, role="status"). #}
{% props variant: String = "", working: bool = false, icon: Slot = Slot::default(), inner_block: Slot %}
{%- if variant == "separator" %}
<div class="ui-marker" data-variant="separator">{{ inner_block }}</div>
{%- else %}{% if working %}
<div class="ui-marker"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %} role="status"><svg class="ui-icon ui-spinner" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg><span class="ui-shimmer">{{ inner_block }}</span></div>
{%- else %}
<div class="ui-marker"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %}>{{ icon }}<span>{{ inner_block }}</span></div>
{%- end %}{% end %}