@props([
    'steps',
    'activeStep',
    'bgColor' => 'bg-blue-100',
    'bgActiveColor' => 'bg-blue-900',
])

<div {{ $attributes->merge(['class' => 'flex gap-2 mt-4']) }}>
    @foreach(range(1,$steps) as $step)
        <span class="h-[6px] block w-full {{ $step <= $activeStep ? $bgActiveColor : $bgColor }}"></span>
    @endforeach
</div>