argos/dmp-frontend/src/app/library/confirmation-dialog/confirmation-dialog.component.html

<div class="confirmation-dialog">
	<div class="row d-flex flex-row">
		<div class="col confirmation-message">
			{{ data.message }}
		</div>
		<div class="col-auto close-btn" (click)="close()"><mat-icon>close</mat-icon></div>
	</div>
	<div class="row">
		<div class="col"></div>
		<div class="col-auto"><button mat-raised-button type="button" (click)="cancel()"
				class="cancel">{{ data.cancelButton }}</button></div>
		<div *ngIf="data.isDeleteConfirmation" class="col-auto"><button mat-raised-button type="button" (click)="confirm()"
				class="delete">{{ data.confirmButton }}</button></div>
		<div *ngIf="!data.isDeleteConfirmation" class="col-auto"><button mat-raised-button type="button" (click)="confirm()"
				class="confirm">{{ data.confirmButton }}</button></div>
	</div>
</div>