{% if session.error is defined %}
    <div class="flex gap-3 items-center p-3 border rounded-md {{ colors.error.alert }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x {{ colors.error.text }}">
            <circle cx="12" cy="12" r="10" />
            <path d="m15 9-6 6" />
            <path d="m9 9 6 6" />
        </svg>
        <p>
            {{ session.error }}
        </p>
    </div>
{% endif %}
{% if session.warning is defined %}
    <div class="flex gap-3 items-center p-3 border rounded-md {{ colors.warning.alert }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert {{ colors.warning.text }}">
            <circle cx="12" cy="12" r="10" />
            <line x1="12" x2="12" y1="8" y2="12" />
            <line x1="12" x2="12.01" y1="16" y2="16" />
        </svg>
        <p>
            {{ session.warning }}
        </p>
    </div>
{% endif %}
{% if session.success is defined %}
    <div class="flex gap-3 items-center p-3 border rounded-md {{ colors.success.alert }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check {{ colors.success.text }}">
            <circle cx="12" cy="12" r="10" />
            <path d="m9 12 2 2 4-4" />
        </svg>
        <p>
            {{ session.success }}
        </p>
    </div>
{% endif %}
{% if session.info is defined %}
    <div class="flex gap-3 items-center p-3 border rounded-md {{ colors.info.alert }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info {{ colors.info.text }}">
            <circle cx="12" cy="12" r="10" />
            <path d="M12 16v-4" />
            <path d="M12 8h.01" />
        </svg>
        <p>
            {{ session.info }}
        </p>
    </div>
{% endif %}
