<div
  class="overlay"
  [ngStyle]="{
    opacity: isVisible ? 1 : 0,
    visibility: isVisible ? 'visible' : 'hidden'
  }"
>
  <article class="modal">
    <header class="modal__header">
      <h1 class="h3">{{ title }}</h1>

      <app-button
        *ngIf="showClose"
        type="icon"
        icon="close"
        title="Fechar modal"
        [iconSize]="16"
        (onClick)="handleClose()"
      ></app-button>
    </header>

    <div class="modal__content">
      <ng-content></ng-content>
    </div>
  </article>
</div>
