lms-app/src/app/reusable-components/confirmation-popup/confirmation-popup.component.html

<section class="alert-box">
    <header>
        <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/warning.svg"></svg-icon>
        <h5> Delete Media </h5>
    </header>
    <p>
        Are you sure you want to delete this?
    </p>
    <p>
        <strong> Note: </strong> You can always download it back if you would like to.
    </p>
    <div class="action-buttons">
        <button (click)="closePopup('false')"> Cancel </button>
        <button class="confirmation-button" (click)="closePopup('true')"> Delete </button>
    </div>
</section>