<div
  class="return-product-info"
  data-what="product-info"
  data-which="return-product"
>
  <img
    sharedProductRouterLink
    sharedProductImage
    [ean]="product().ean"
    [alt]="product().name"
    class="return-product-info__image w-14"
    data-what="product-image"
  />
  <div class="return-product-info__content">
    <div
      class="return-product-info__contributors isa-text-body-2-bold text-isa-neutral-900"
      data-what="product-contributors"
    >
      {{ product().contributors }}
    </div>
    <div
      class="return-product-info__name isa-text-body-2-regular text-isa-neutral-900"
      data-what="product-name"
    >
      {{ product().name }}
    </div>
    <div class="return-product-info__format" data-what="product-format">
      <ng-icon [name]="product().format | lowercase"></ng-icon>
      <span class="text-isa-secondary-900">{{ product().formatDetail }}</span>
    </div>
  </div>
</div>
