<form class="PopupContainer" #popupForm="ngForm">
  <dx-button *ngIf="!buttons?.length" class="buttonClose" icon="close" (click)="close()"></dx-button>
  <a class="messageOverHeader">{{overHeader}}</a>
  <h3 mat-dialog-title class="messageBoxHeader">{{header}}</h3>
  <mat-dialog-content class="PopupContent">
    <i *ngIf="messageType==='Message'" class="material-icons-outlined icon infoIcon">info</i>
    <i *ngIf="messageType==='Warning'" class="material-icons-outlined icon warningIcon">warning</i>
    <i *ngIf="messageType==='Error'" class="material-icons-outlined icon errorIcon">error_outline</i>
    <i *ngIf="messageType==='Question'" class="material-icons-outlined icon infoIcon">contact_support</i>
    <span class="message">{{message}}</span>

    <div *ngIf="buttons?.length" [class]="messageBoxInterfaceType+'buttons'+buttons.length">
      <button *ngFor="let btn of buttons; let i = index"
        mat-stroked-button
        [id]="'btn'+(i+1)"
        [name]="'btn'+(i+1)"
        [class]="'btn'+(i+1)+' '+messageBoxInterfaceType+'btn'+(btn.default?' default1-'+messageBoxInterfaceType+'btn':'')"
        (click)="btnClick(btn)">
        {{btn.title | translate}}
      </button>
    </div>
  </mat-dialog-content>
</form>
