<div class="wrapper" [ngClass]="{'alternate': alternate}">
  <div class="heading" (click)="collapsed = !collapsed">
    <span class="fa-solid {{icon}}"></span>
    <h3>{{title}}</h3>
    <span class="fa-solid" [ngClass]="{'fa-chevron-up': !collapsed, 'fa-chevron-down': collapsed}"></span>
  </div>
  <div class="collapse" [ngClass]="{'collapsed': collapsed}">
    <ng-content></ng-content>
  </div>
</div>
