<!--
  ~ Copyright (C) 2023 Robert Bosch GmbH Copyright (C) 2023 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
  -->
<div class="tab-section" [ngClass]="{ 'display-none': !show }">
  <div class="section">
    <mat-label class="section-label"
      >{{ label }} {{ activeFilterCount > 0 ? ' (' + activeFilterCount + ')' : '' }}</mat-label
    >
    <button bciTertiaryButton mat-icon-button (click)="onClickResetSection()" [disabled]="activeFilterCount === 0">
      <mat-icon fontIcon="bosch-ic-reset"></mat-icon>
    </button>
  </div>
  <div class="align-sections">
    <ng-content></ng-content>
  </div>
</div>
