<article class="qr-modal">
  <header class="qr-modal__header">
    <p class="qr-modal__id">ID: {{ data.id }}</p>
    @if (data.date) {
      <time class="qr-modal__date">{{ data.date }}</time>
    }
  </header>

  <qrcode
    class="qr-modal__code"
    [qrdata]="data.ticket"
    [width]="320"
    errorCorrectionLevel="M"
    [ariaLabel]="'Código QR del ticket ' + data.id"
  />
</article>
