@props([
    'steps' => 2,
    'activeStep' => 1
])

<div class="flex justify-center gap-2">
    @for ($i = 1; $i <= $steps; $i++)
        <span class="size-2.5 rounded-full {{ $i == $activeStep ? 'bg-brand-900' : 'bg-fill-pr' }}"></span>
    @endfor
</div>