<div class="info">
  <div class="title">{{ feed?.label }}</div>
  <div class="text-h3 font-bold mt-2">{{ feed?.headline }}</div>
  <div class="desc" [innerHtml]="feed?.desc"></div>
</div>

<ui-slider [scrollDistance]="280">
  @for (item of feed?.items; track item) {
    <img
      (click)="navigatetToProduct(item?.product?.ean)"
      [src]="item?.product?.ean | productImage: 140 : 140 : true"
      [alt]="item?.product?.name"
      />
  }
</ui-slider>

@if (feed?.emphasize === 10) {
  <img src="assets/images/recommendation_tag.png" class="emphasize-tag" />
}
