{# Django template for SiteAlert #}
{% load components %}
<section
  class="
    usa-site-alert
    usx-site-alert
    {% if variant == 'emergency' or variant == 'info' %} usa-site-alert--{{ variant }}{% endif %}
    {% if variant == 'maintenance' or variant == 'maintenance-warning' %} usx-site-alert--{{ variant }}{% endif %}
    {% if slim %} usa-site-alert--slim{% endif %}
    {% if noIcon %} usa-site-alert--no-icon{% endif %}
    {% if onDismiss %} usa-site-alert--dismissible{% endif %}
    {{ className }}
  "
  {% if role %}role="{{ role }}"{% endif %}
  {% if ariaLabelledby %}
  aria-labelledby="{{ ariaLabelledby }}"
  {% else %}
  aria-label="{{ ariaLabel|default:'Site alert' }}"
  {% endif %}
>
  {% if variant == 'maintenance' %}
    {% with resolvedVariant='error' %}
      {% alert variant=resolvedVariant heading=alertHeading text=alertText slim=slim noIcon=noIcon onDismiss=onDismiss %}{{ alertContent|safe }}{% endalert %}
    {% endwith %}
  {% elif variant == 'maintenance-warning' %}
    {% with resolvedVariant='warning' %}
      {% alert variant=resolvedVariant heading=alertHeading text=alertText slim=slim noIcon=noIcon onDismiss=onDismiss %}{{ alertContent|safe }}{% endalert %}
    {% endwith %}
  {% elif variant == 'emergency' %}
    {% alert variant='emergency' heading=alertHeading text=alertText slim=slim noIcon=noIcon onDismiss=onDismiss %}{{ alertContent|safe }}{% endalert %}
  {% else %}
    {% alert variant='info' heading=alertHeading text=alertText slim=slim noIcon=noIcon onDismiss=onDismiss %}{{ alertContent|safe }}{% endalert %}
  {% endif %}
</section>