<section class="dashboard-section" [attr.aria-labelledby]="titleKey()">
  <header class="dashboard-section__header">
    <h2 class="dashboard-section__title" [id]="titleKey()">{{ titleKey() | translate }}</h2>
    @if (descriptionKey(); as description) {
      <p class="dashboard-section__description">{{ description | translate }}</p>
    }
    <div class="dashboard-section__actions">
      <ng-content select="[dashboardSectionActions]"></ng-content>
    </div>
  </header>
  <div class="dashboard-section__body">
    <ng-content></ng-content>
  </div>
</section>
