Icon badge stack

<!--
  Адаптировано (docs/PORTING.md §5): `IconPlaceholder` заменён инлайновым
  `<svg>` (путь lucide "check"), тем же, что и в React-эталоне.
-->
<script setup lang="ts">
import { IconStack } from "@/components/reui/icon-stack"
</script>

<template>
  <div class="flex items-center justify-center">
    <IconStack aria-hidden="true" class="text-primary h-24 w-22">
      <span class="bg-background text-primary flex size-8 items-center justify-center rounded-full border shadow-xs">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          aria-hidden="true"
          class="size-4"
        >
          <path d="M20 6 9 17l-5-5" />
        </svg>
      </span>
    </IconStack>
  </div>
</template>