<app-toast
  [(isVisible)]="isVisible"
  [shouldHideAutomatically]="shouldHideAutomatically"
>
  <div class="toast-wrapper">
    <app-icon class="toast-icon" name="warn" [size]="24"></app-icon>

    <div class="toast-texts">
      <h1 class="h5">Aviso</h1>
      <p class="p4">{{ message }}</p>
    </div>
  </div>
</app-toast>
