<div class="payment-timeout" role="alert">
  <div class="payment-timeout__icon" aria-hidden="true">
    <i class="fa-solid fa-xmark"></i>
  </div>
  <h4 class="payment-timeout__title">{{ displayTitle() }}</h4>
  <p class="payment-timeout__message">Por favor contactate con nosotros para resolverlo.</p>
  @if (whatsappUrl()) {
    <app-button
      type="button"
      variant="primary"
      buttonClass="d-inline-flex align-items-center justify-content-center gap-2"
      (click)="openWhatsApp()"
    >
      <span>WhatsApp</span>
    </app-button>
  }
</div>
