{% comment %}
Expected context:
domain, domain_slug, empty_table_actions
{% endcomment %}
{% load i18n %}

<div class="text-foreground-primary flex-1 flex flex-col gap-6 items-center justify-center text-center">
    <div class="flex flex-col items-center justify-center gap-2">
        <div class="mb-2 bg-neutral-500/10 p-3 rounded-lg">
            {% if domain.icon %}
                <i data-lucide="{{ domain.icon }}"
                   class="text-2xl text-foreground "></i>
            {% else %}
                <i data-lucide="folder-open" class="text-2xl text-foreground"></i>
            {% endif %}
        </div>
        <p class="text-lg font-medium">
            {% blocktrans %}
                No {{ domain_slug }} found
            {% endblocktrans %}
        </p>
        <p class="text-xs text-foreground-tertiary max-w-[40ch]">
            {% blocktrans %}
                No records matching the filter criteria were found.
            {% endblocktrans %}
        </p>
    </div>
    {{ empty_table_actions }}
</div>