<div class="app-key-value-editor">
  @for (row of rows(); track $index) {
    <div class="app-key-value-editor-row">
      <div class="app-key-value-editor-row-content">
        <ng-container [ngTemplateOutlet]="rowTemplate" [ngTemplateOutletContext]="{ $implicit: row, index: $index }" />
      </div>
      <app-button variant="danger" size="sm" (click)="removeRow($index)">{{ removeLabel() }}</app-button>
    </div>
  }
  <app-button variant="secondary" size="sm" (click)="addRow()">{{ addLabel() }}</app-button>
</div>
