{% if toolbar %}
<div class="flex flex-col gap-4 rounded-lg border border-gray-200 bg-white p-4 shadow-sm md:flex-row md:items-center md:justify-between">

    {% block toolbar_content %}

        {% block toolbar_filters %}
            <div class="flex min-w-0 flex-1 flex-wrap items-center gap-2">

                {% block toolbar_search %}
                    {% include "djangospice_table/search.html" %}
                {% endblock toolbar_search %}

                {% block toolbar_filterset %}
                    {% include "djangospice_table/filters.html" %}
                {% endblock toolbar_filterset %}

            </div>
        {% endblock toolbar_filters %}


        {% block toolbar_actions %}
            <div class="flex items-center gap-2">

                {% block toolbar_bulk_actions %}
                    {% include "djangospice_table/bulk_actions.html" %}
                {% endblock toolbar_bulk_actions %}

                {% block toolbar_table_actions %}
                    {% include "djangospice_table/actions.html" %}
                {% endblock toolbar_table_actions %}

            </div>
        {% endblock toolbar_actions %}

    {% endblock toolbar_content %}

</div>
{% endif %}