<div class="book-cover-wrapper" (mouseenter)="isHovered = true" (mouseleave)="isHovered = false">
  <img
    [src]="urlHelper.getThumbnailUrl(book.id, book.metadata?.coverUpdatedOn)"
    class="book-cover"
    alt="Cover of {{ book.metadata?.title }}"
    loading="lazy"/>

  @if (!this.isActive) {
    <p-button
      icon="pi pi-info"
      class="info-btn"
      [rounded]="true"
      [pTooltip]="book.metadata?.title"
      tooltipPosition="top"
      [ngClass]="{ 'visible': isHovered }"
      (onClick)="openBookInfo(book)">
    </p-button>
  }
</div>
