<h3>Vorabinfo</h3>
<div class="header">
  <h1>{{ info?.title }}</h1>
  @if (showUpdateIcon$ | async) {
    <ui-icon icon="refresh" size="22px"></ui-icon>
  }
</div>
<page-task-info [info]="info" [showTaskDate]="true" (changed)="changed()"></page-task-info>

<div class="actions">
  @if (showOpenSuccessorCta$ | async) {
    <button class="btn-cta" type="button" (click)="close(info.successor?.id)">Zur neuen Aufgabe</button>
  }
</div>
