status-messages

// src/components/elements/status-messages/status-messages.twig

<section class="StatusMessages">
	{% for entry in list %}
		<div
			class="StatusMessages-container StatusMessages-container--{{ entry.type }}"
			role="{{ entry.type == "error" ? "alert" : "status" }}"
		>
			{% set content %}
				{% if headings[entry.type] %}
					<h2 class="h5">{{ headings[entry.type] }}</h2>
				{% endif %}

				{% if entry.messages|length > 1 %}
					<ul class="StatusMessages-content">
						{% for message in entry.messages %}
							<li>
								<p>{{ message|raw }}</p>
							</li>
						{% endfor %}
					</ul>
				{% else %}
					<div class="StatusMessages-content">
						{{ entry.messages|first|raw }}
					</div>
				{% endif %}
			{% endset %}

			{% include "@patterns/rich-text/rich-text.twig" with {
				content: content,
			} only %}
		</div>
	{% endfor %}
</section>