@props(['type' => 'success'])

@php
    $colors = [
        'success' => ['bg' => 'bg-green-50', 'text' => 'text-green-800', 'border' => 'border-green-200'],
        'error' => ['bg' => 'bg-red-50', 'text' => 'text-red-800', 'border' => 'border-red-200'],
    ][$type] ?? ['bg' => 'bg-slate-50', 'text' => 'text-slate-800', 'border' => 'border-slate-200'];
@endphp

<div {{ $attributes->merge(['class' => "rounded-md {$colors['bg']} {$colors['border']} border px-4 py-3 text-sm {$colors['text']}"]) }}>
    {{ $slot }}
</div>