@switch (actionRef.type) {
  @case ('default') {
    <div>
      <app-toolbar-button [type]="type" [actionRef]="actionRef" [color]="color" />
    </div>
  }
  @case ('button') {
    <div>
      <app-toolbar-button [type]="data?.buttonType || type" [actionRef]="actionRef" [color]="color" [data]="actionRef.data" />
    </div>
  }
  @case ('separator') {
    <div [id]="actionRef.id" class="aca-toolbar-divider"></div>
  }
  @case ('menu') {
    <app-toolbar-menu [actionRef]="actionRef" [color]="color" [data]="actionRef.data" />
  }
  @case ('custom') {
    <div>
      <adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component" />
    </div>
  }
}