<template>
  <div class="flex flex-col gap-2">
    <div
      v-for="i in count"
      :key="i"
      class="animate-pulse rounded-xl border border-zinc-800 bg-zinc-900/40 motion-reduce:animate-none"
      :style="{ height: `${height}px` }"
    />
  </div>
</template>

<script setup lang="ts">
// Squelette de chargement : garde la hauteur stable, évite le layout shift.
withDefaults(defineProps<{ count?: number; height?: number }>(), { count: 3, height: 64 });
</script>
