@switch (type()) {
  @case ('amount') {
    <ng-container [ngTemplateOutlet]="amount"> </ng-container>
  }
  @case ('text') {
    <ng-container [ngTemplateOutlet]="text"> </ng-container>
  }
  @case ('date') {
    <ng-container [ngTemplateOutlet]="date"></ng-container>
  }
  @case ('input') {
    <ng-container [ngTemplateOutlet]="input"></ng-container>
  }
  @case ('action') {
    <ng-container [ngTemplateOutlet]="action"></ng-container>
  }
}

<ng-template #amount>
  <span>
    {{ display() }}
  </span>
</ng-template>

<ng-template #text>
  <span>
    {{ display() }}
  </span>
</ng-template>

<ng-template #date>
  <span>
    {{ display() }}
  </span>
</ng-template>

<ng-template #input>
  <ng-content></ng-content>
</ng-template>

<ng-template #action>
  <ng-content></ng-content>
</ng-template>