@switch (actionRef.type) {
  @case ('menu') {
    <button [id]="actionRef.id" mat-menu-item role="menuitem" tabindex="0" [disabled]="actionRef.disabled" [matMenuTriggerFor]="childMenu">
      <adf-icon [value]="actionRef.icon" />
      <span data-automation-id="menu-item-title">{{ actionRef.title | translate }}</span>
    </button>
    <mat-menu #childMenu="matMenu" class="app-create-menu__sub-menu">
      @for (child of actionRef.children; track trackByActionId($index, child)) {
        <app-toolbar-menu-item [actionRef]="child" />
      }
    </mat-menu>
  }
  @case ('separator') {
    <mat-divider aria-hidden="true" />
  }
  @case ('custom') {
    <adf-dynamic-component [id]="actionRef.component" />
  }
  @default {
    <button
      [id]="actionRef.id"
      role="menuitem"
      mat-menu-item
      [role]="'menuitem'"
      tabindex="0"
      [disabled]="actionRef.disabled"
      [attr.title]="(actionRef.disabled ? actionRef['description-disabled'] : actionRef.description || actionRef.title) | translate"
      (click)="runAction()"
      >
      <adf-icon [value]="actionRef.icon" class="app-toolbar-menu-item--icon" />
      <span data-automation-id="menu-item-title">{{ actionRef.title | translate }}</span>
    </button>
  }
}