<div class="form-content-editor-content">
	<div mat-dialog-title class="row d-flex justify-content-between m-0">
		<span class="title">{{'GENERAL.FORM-VALIDATION-DISPLAY-DIALOG.WARNING' | translate}}</span>
		<mat-icon class="close-icon" (click)="onClose()">close</mat-icon>
	</div>
	<div class="row content">
		<div class="col p-0">
			<ng-container *ngIf="errorMessages">
				<ul class="error-list" *ngIf="errorMessages.length > 1 else singleError">
					<li *ngFor="let error of errorMessages">{{error}}</li>
				</ul>
			</ng-container>
			<ng-template #singleError>
				<span>{{errorMessages[0]}}</span>
			</ng-template>
		</div>
	</div>
	<div class="row">
		<div class="col actions">
			<button mat-button type="button" class="ml-auto cancel-btn" (click)="onClose()">{{'GENERAL.FORM-VALIDATION-DISPLAY-DIALOG.ACTIONS.CANCEL' | translate}}</button>
		</div>
	</div>
</div>
