<div class="confirm-dialog" role="alertdialog">
    <div class="confirm-header">
        <i class="fa-solid fa-triangle-exclamation warn-icon"></i>
        <h3>{{ title }}</h3>
    </div>

    <p class="confirm-message">{{ message }}</p>

    <div class="confirm-actions">
        <button class="btn btn-cancel" (click)="onCancel()">{{ cancelLabel }}</button>
        <button class="btn" [class.btn-warn]="isWarn" [class.btn-primary]="!isWarn" (click)="onConfirm()">
            {{ confirmLabel }}
        </button>
    </div>
</div>
