{% set responsive = responsive|default(true) %}
{% set tableToCard = table_to_card|default(false) %}
{% set tableClasses = ['table', tableToCard ? 'table-to-card' : '', table_class|default('')]|filter(value => value)|join(' ') %}

<div class="{{ responsive ? 'table-responsive' : '' }} {{ class|default('') }}"{% if loading|default(false) %} aria-busy="true"{% endif %}>
    <table class="{{ tableClasses }}">
        {% if caption is defined %}<caption class="sr-only">{{ caption }}</caption>{% endif %}
        {% if headers is defined %}
            <thead>
                <tr>
                    {% for header in headers %}
                        {% set headerLabel = header.label|default(header) %}
                        {% set headerClass = header.class|default('') %}
                        <th scope="col" class="{{ headerClass }}">{{ headerLabel|raw }}</th>
                    {% endfor %}
                </tr>
            </thead>
        {% endif %}
        <tbody>{{ rows|default('')|raw }}</tbody>
        {% if footer is defined %}<tfoot>{{ footer|raw }}</tfoot>{% endif %}
    </table>
</div>