<page [header]="title">
  <ng-template pTemplate="header">
    <p-tag *ngIf="isBeta" severity="warn" value="Beta"></p-tag>
  </ng-template>
  <textarea 
    pInputTextarea
    (keyup)="onTopChange($event)"
    [disabled]="topDisabled"
    pTextarea
    [value]="topValue"
    [placeholder]="topPlaceholder">
  </textarea>
  <div class="icon">
    <i class="pi pi-arrow-right-arrow-left" style="font-size: 1rem"></i>
  </div>
  <textarea 
    (keyup)="onBottomChange($event)"
    [disabled]="bottomDisabled"
    pTextarea
    [value]="bottomValue"
    [placeholder]="bottomPlaceholder">
  </textarea>
  <div class="space" *ngIf="privacyText !== ''">
    <h3>Privacy information</h3>
    <p>
      {{ privacyText }}
    </p>
  </div>
</page>