{#
    Empty State Component

    Usage:
    {% include 'components/_empty_state.html.twig' with {
        icon: 'bi-receipt',
        title: 'No invoices found',
        text: 'Get started by creating your first invoice.',
        action_url: path('admin_invoice_new'),
        action_label: 'Create Invoice',
        action_icon: 'bi-plus-circle'
    } %}
#}

<div class="py-12 text-center text-gray-400">
    <i class="bi {{ icon|default('bi-inbox') }} text-4xl"></i>
    <p class="mt-3 font-medium text-gray-500">{{ title|default('Nothing here yet') }}</p>
    {% if text is defined and text %}
        <p class="text-sm text-gray-400 mt-1">{{ text }}</p>
    {% endif %}
    {% if action_url is defined and action_url %}
        <a href="{{ action_url }}" class="inline-flex items-center gap-1.5 mt-4 bg-kitsco-accent text-white font-medium py-2 px-4 rounded-lg text-sm hover:bg-kitsco-dark transition-colors">
            {% if action_icon is defined %}<i class="bi {{ action_icon }}"></i>{% endif %}
            {{ action_label|default('Get Started') }}
        </a>
    {% endif %}
</div>