A global “system” notification.
<div id="" class="azalea-banner bg-black text-white" aria-label="Banner" role="banner">
<div class="azalea-outer-gutter">
<div class="max-w-screen-2xl mx-auto">
</div>
</div>
</div>
{% set classes = ['azalea-banner', 'bg-black', 'text-white'] %}
{# Prop: id #}
<div id="{{ id }}" class="{{ classes|join(' ') }}" aria-label="Banner" role="banner">
<div class="azalea-outer-gutter">
<div class="max-w-screen-2xl mx-auto">
{{ text }}
{% block content %}{% endblock content %}
</div>
</div>
</div>