@if (department() || shelfLabel()) {
  <div
    class="product-shelf-meta-info-row"
    data-what="shelf-meta-info-row"
    data-which="shelf-infos"
  >
    <div
      class="h-6"
      data-what="shelf-meta-infos-icon"
      data-which="shelf-infos-icon"
    >
      <ng-icon size="1.5rem" name="isaFilialeLocation"></ng-icon>
    </div>
    <div
      class="isa-text-body-2-bold"
      data-what="shelf-meta-info-value"
      data-which="shelf-infos"
    >
      {{ shelfInfos() }}
    </div>
  </div>
}

@if (productGroupKey() || productGroupValue()) {
  <div
    class="product-shelf-meta-info-row"
    data-what="shelf-meta-info-row"
    data-which="product-group"
  >
    <div
      class="isa-text-body-2-bold"
      data-what="shelf-meta-infos-value"
      data-which="product-group"
    >
      {{ productGroup() }}
    </div>
  </div>
}

@if (returnReason()) {
  <div
    class="flex items-center gap-1"
    data-what="shelf-meta-info-row"
    data-which="return-reason"
  >
    <div
      class="isa-text-body-2-regular"
      data-what="shelf-meta-infos-label"
      data-which="return-reason"
    >
      Remigrund:
    </div>
    <div
      class="isa-text-body-2-regular"
      data-what="shelf-meta-infos-value"
      data-which="return-reason"
    >
      {{ returnReason() }}
    </div>
  </div>
}

@if (assortment()) {
  <div
    class="product-shelf-meta-info-row"
    data-what="shelf-meta-info-row"
    data-which="assortment"
  >
    <div
      class="isa-text-body-2-regular grid-flow-row"
      data-what="shelf-meta-infos-value"
      data-which="assortment"
    >
      {{ assortmentFormatted() }}
    </div>
  </div>
}
