<div class="toggle-component" (click)="openToggle()">
    <div class="toggle collapsed" [ngClass]="{'small': small}" data-bs-toggle="collapse" [attr.data-bs-target]="'#collapse-' + toggleId"
         aria-expanded="false">
        <p>{{headline | translate}}<span *ngIf="activeFilterCount > 0" class="active-filter-count"> ( {{ activeFilterCount }} )</span></p>
    </div>
    <div class="collapse" id="collapse-{{ toggleId }}">
        <ng-content></ng-content>
    </div>
</div>