<div class="grid grid-cols-{{cols|default(2)}} gap-2">
    {% for item in loop %}
    <div>
        <label class="form-checkbox lg:text-sm text-base grid grid-cols-[20px_auto] items-center">
        <input type="checkbox" class="lg:size-4 size-5 lg:mr-2 mr-1" name="{{ id }}" value="{{ item }}" data-filter-type="{{id}}" @change="updateFilters($event)" />
       <span>{{ item }}</span>
        </label>
    </div>
    {% endfor %}
</div>