{% props id: String = "danger-zone", title: String = "Danger zone", description: String = "", inner_block: Slot %}
{#- Rows: `<div class="ui-danger-row"><div class="ui-danger-row-text"><strong>…</strong><span>…</span></div>…one Form Button…</div>`. -#}
<section class="ui-danger-zone" aria-labelledby="{{ id }}">
<div class="ui-danger-zone-head">
<h2 id="{{ id }}">{{ title }}</h2>
{%- if !description.is_empty() %}
<p>{{ description }}</p>
{%- end %}
</div>
{{ inner_block }}
</section>