@props(['type' => 'success', 'message' => null])

@if ($message)
    @php
        [$classes, $icon] = match ($type) {
            'error' => ['bg-rose-50 text-rose-700 ring-rose-200', 'alert'],
            default => ['bg-emerald-50 text-emerald-700 ring-emerald-200', 'check-circle'],
        };
    @endphp

    <div {{ $attributes->merge(['class' => "flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium ring-1 ring-inset {$classes}"]) }}>
        <x-icon :name="$icon" class="mt-0.5 h-5 w-5 shrink-0" />
        <span>{{ $message }}</span>
    </div>
@endif