{% props title: String, variant: String = "", action_href: String = "", action_label: String = "", inner_block: Slot = Slot::default() %}
<div class="ui-emergency"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %}{% if variant == "critical" %} role="alert"{% else %} role="region" aria-label="Emergency information"{% end %}>
<div class="ui-emergency-inner">
<div><p class="ui-emergency-title">{{ title }}</p><p>{{ inner_block }}</p></div>
{%- if !action_href.is_empty() %}
<a class="ui-emergency-call" href="{{ action_href }}">{% if action_href.starts_with("tel:") %}<svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>{% end %}{{ action_label }}</a>
{%- end %}
</div>
</div>