
<turbo-stream action="append" target="teams-grid-list"><template>
  
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="vanessa amar " href="/les-rois-du-monde2023/c-3222-t-23124">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      V
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Vanessa Amar </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="amelie " href="/les-rois-du-monde2023/c-3222-t-23125">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      A
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Amelie </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="myriam " href="/les-rois-du-monde2023/c-3222-t-23126">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      M
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Myriam </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="yael" href="/les-rois-du-monde2023/c-3222-t-23127">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      Y
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Yael</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="agnès" href="/les-rois-du-monde2023/c-3222-t-23129">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      A
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Agnès</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="dominique" href="/les-rois-du-monde2023/c-3222-t-23187">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      D
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Dominique</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="axelle" href="/les-rois-du-monde2023/c-3222-t-23565">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      A
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Axelle</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
</template></turbo-stream>
<turbo-stream action="replace" target="teams-grid-load-more"><template>
  <div id="teams-grid-load-more" class="text-center mt-4">
  </div>
</template></turbo-stream>