notecard

// src/components/elements/notecard/notecard.twig

{% set icons = {
	error: "error_circle_filled",
	info: "info",
	note: "note",
	success: "check_circle_filled",
	warning: "warning_triangle",
} %}

<p aria-live="{{ aria_live|default("polite") }}" class="Notecard Notecard-{{ type }} {% if classes %} {{ classes|join(" ") }}{% endif %} {% if hidden %} visually-hidden {%- endif -%}">
  {% include "@elements/icon/icon.twig" with {
		classes: ["Notecard-icon"],
		name: icons[type],
	} only %}

	{{ text }}
</p>