Reusable modal component: modal.component.html (first version)

modal.component.html

<div id="modal-content-wrapper">
    <header id="modal-header">
        <h1 id="modal-title">Placeholder title</h1>
    </header>
    <section id="modal-body">
        <p>Placeholder description</p>
    </section>
    <footer id="modal-footer">
        <button mat-raised-button id="modal-action-button" (click)="actionFunction()">
            Do it
        </button>
        <button mat-raised-button id="modal-cancel-button" (click)="closeModal()">
            Go back
        </button>
    </footer>
</div>