<script setup lang="ts">
const props = withDefaults(
    defineProps<{
        n?: number
    }>(),
    { n: 1 }
)
</script>
<template>
    <div class="flex w-full animate-pulse flex-col">
        <div
            class="mt-1 h-[1.35rem] w-full rounded bg-secondary"
            v-for="i in props.n"
            :key="i"
        ></div>
    </div>
</template>
<style scoped>
.bg-secondary {
    @apply bg-secondary/25;
}
</style>
