@if (title) {
  <div mat-dialog-title [innerHTML]="title"></div>
}

<div class="py-3" mat-dialog-content>
  <mat-form-field appearance="outline" class="w-100 without-hint">
    @if (valueLabel) {
      <mat-label>{{ valueLabel }}</mat-label>
    }
    <input matInput [formControl]="formControl" />
  </mat-form-field>
</div>

<div align="end" mat-dialog-actions>
  <button mat-button (click)="dialogRef.close('discard')">
    {{ discardLabel }}
  </button>
  <button
    color="primary"
    mat-flat-button
    [disabled]="!(formControl.dirty && formControl.valid)"
    (click)="dialogRef.close(formControl.value)"
  >
    {{ confirmLabel }}
  </button>
</div>
