confirm-modal.component.html

<div class="modal-header flex-row">
	<div class="modal-header-text">
		{{modalHeaderText}}
	</div>
	<button class="btn btn-link" (click)="bsModalRef.hide()">
		<i class="fas fa-times"></i>
	</button>
</div>
<div class="modal-body">
	<h2 *ngIf="modalTitle" class="modalTitle">{{modalTitle}}</h2>
	<h2 *ngIf="modalTitleHtml" class="modalTitle" [innerHTML]="modalTitleHtml | safeHtml"></h2>
	<h6 *ngIf="modalSubTitle" class="modalSubTitle">{{modalSubTitle}}</h6>
	<h6 *ngIf="modalSubTitleHtml" class="modalSubTitle" [innerHTML]="modalSubTitleHtml | safeHtml"></h6>
	<div *ngIf="modalHtmlContent" class="content-container" [innerHTML]="modalHtmlContent | safeHtml"></div>
	<div *ngIf="modalTextContent" class="content-container">{{modalTextContent}}</div>
	<ng-template *ngIf="modalTemplateContent" [ngTemplateOutlet]="modalTemplateContent"></ng-template>
	<ng-container *ngComponentOutlet="modalComponentContent"></ng-container>
</div>
<div class="modal-footer flex-row">
	<button
		*ngIf="!hideCancelButton"
		class="btn btn-primary"
		(click)="onCancel()">
		{{cancelButtonLabel}}
	</button>
	<button
		*ngIf="!hideConfirmButton"
		class="btn btn-outline"
		[disabled]="formGroup ? formGroup.invalid : false"
		(click)="onConfirm()">
		{{confirmButtonLabel}}
	</button>
</div>