<app-card class="dashboard-card" padding="lg">
  @if (titleKey(); as title) {
    <header class="dashboard-card__header">
      @if (icon(); as iconName) {
        <app-icon [name]="iconName" [size]="18" class="dashboard-card__icon" />
      }
      <h3 class="dashboard-card__title">{{ title | translate }}</h3>
      <div class="dashboard-card__header-actions">
        <ng-content select="[dashboardCardActions]"></ng-content>
      </div>
    </header>
  }
  <div class="dashboard-card__body">
    <ng-content></ng-content>
  </div>
</app-card>
