<div class="main-body" style="display: flex; justify-content: space-between; align-items: center;">
  <h1>{{ title }}</h1>
  <div style="display: flex; align-items: center;">
    @if(primaryButtonText != 'Primary Action'){
    <button mat-raised-button [color]="primaryButtonColor" (click)="primaryButtonAction()" style="margin-right: 10px;">
      {{ primaryButtonText }}
    </button>
    }
    @if(secondaryButtonText != 'Secondary Action'){
    <button mat-raised-button [color]="secondaryButtonColor" (click)="secondaryButtonAction()">
      {{ secondaryButtonText }}
    </button>
    }
  </div>
</div>