<button
  type="button"
  [disabled]="disabled()"
  [class.cart-icon--disabled]="disabled()"
  [attr.aria-label]="ariaLabel()"
  [attr.aria-disabled]="disabled()"
  class="cart-icon"
>
  <div class="cart-icon__container">
    <i class="fa-solid fa-cart-shopping cart-icon__glyph" aria-hidden="true"></i>
    @if (hasQuantity()) {
      <span class="cart-icon__badge" data-testid="cart-badge">{{ quantity() }}</span>
    }
  </div>
</button>
