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