<script setup>
// Slot-based vertical progress list. ProgressStep'leri içine koyar,
// adımlar arasına dikey bağlantı çizgisi (connector line) çizer.
</script>

<template>
    <ul class="relative space-y-1 pl-4">
        <!-- Vertical connector line (positioned behind the dots) -->
        <span
            class="absolute left-[27px] top-4 bottom-4 w-px bg-slate-200"
            aria-hidden="true"
        ></span>
        <slot />
    </ul>
</template>
