@props(['messages'])

@if ($messages)
    <ul {{ $attributes->merge(['class' => 'text-[9px] font-black text-rose-500 uppercase tracking-widest italic space-y-1 mt-3 px-1']) }}>
        @foreach ((array) $messages as $message)
            <li class="flex items-center gap-2">
                <span class="w-1 h-1 bg-rose-500 rounded-full animate-pulse"></span>
                {{ $message }}
            </li>
        @endforeach
    </ul>
@endif
