@props([
    'errors' => [],
])

<x-frontend.animation delay="150">
    <div class="p-4 mb-8 text-white bg-red-500 rounded-lg">
        @foreach ($errors as $error)
            <p>{{ $error }}</p>
        @endforeach
    </div>
</x-frontend.animation>