<section class="product-actions" [attr.aria-label]="'productDetails.actionsAria' | translate">
  @if (config.addToCart) {
    <button type="button" class="primary" (click)="addToCart.emit()">{{ 'itemDetail.addToCart' | translate }}</button>
  }

  @if (config.buyNow) {
    <button type="button" class="primary ghost" (click)="buyNow.emit()">{{ 'productDetails.buyNow' | translate }}</button>
  }

  @if (config.wishlist) {
    <button type="button" class="secondary" [class.active]="inWishlist" [attr.aria-pressed]="inWishlist" (click)="wishlist.emit()">{{ 'productDetails.wishlist' | translate }}</button>
  }

  @if (config.compare) {
    <button type="button" class="secondary" [class.active]="inCompare" [attr.aria-pressed]="inCompare" (click)="compare.emit()">{{ 'productDetails.compare' | translate }}</button>
  }

  @if (config.share) {
    <button type="button" class="secondary" (click)="share.emit()">{{ 'productDetails.share' | translate }}</button>
  }

  @if (config.notifyMe && outOfStock) {
    <button type="button" class="secondary" (click)="notifyMe.emit()">{{ 'productDetails.notifyMe' | translate }}</button>
  }
</section>
