<turbo-stream action="replace" target="result_ranking"><template>
  <turbo-frame id="result_ranking">
  <div class="w-full bg-secondary">
    <div class="px-3 md:px-0">
      <h2 class="font-bold text-primary text-xl my-6 md:my-0">
        <span class="leading-10 text-2xl decoration-yellow-300 decoration-8 underline">
          2026/05/08
        </span>の<br>全国平均差枚ランキング
      </h2>
      <div class="my-3">
        <ul class="flex gap-4 justify-center">
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-05-09">5/9</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-05-08">5/8</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-05-07">5/7</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-05-06">5/6</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-05-05">5/5</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-05-04">5/4</a>
            </li>
            <li>
              <a class="underline text-primary font-bold text-sm md:text-lg" data-turbo-stream="true" href="/rankings/results?date=2026-05-03">5/3</a>
            </li>
        </ul>
      </div>
      <div class="text-gray-500 md:h-12 text-xs my-4"></div>
        <div class="text-center mb-8 font-bold">【現在集計中】</div>
    </div>
  </div>
</turbo-frame>

</template></turbo-stream>