{# @description Empty-state placeholder for a list view with no results, with an optional add-new action. #}
{# @prop icon:text | default:"search" | description:"Icon shown above the heading." #}
{# @prop heading:text | description:"Empty-state heading text." #}
{# @prop message:text | description:"Optional supporting text under the heading." #}
{# @prop icon_class:text | default:"text-6xl text-base-content/60 mb-3" | description:"Classes applied to the icon." #}
{# @prop class:text | description:"Extra classes on the wrapper element." #}
{% load i18n %}
<c-vars icon="search"
        heading
        message
        icon_class="text-6xl text-base-content/60 mb-3"
        class />
<div class="w-full {{ class }}" {{ attrs }}>
  <div class="text-center py-5">
    <c-icon name="{{ icon }}" class="{{ icon_class }}" />
    <h3 class="text-base-content/60">{{ heading }}</h3>
    {% if message %}<p class="text-base-content/60">{{ message }}</p>{% endif %}
    {% if directory.create_url %}
      <c-button variant="primary"
                size="lg"
                icon="add"
                text="{% trans "Add new" %}"
                href="{{ directory.create_url }}" />
    {% endif %}
  </div>
</div>