@props([ 'variant' => 'info', // info, success, warning, error 'title' => null, 'dismissible' => false, 'icon' => true, ]) @php $variants = [ 'info' => [ 'bg' => 'bg-blue-500/10', 'border' => 'border-blue-500/20', 'title' => 'text-blue-400', 'text' => 'text-blue-300/80', 'icon' => '', ], 'success' => [ 'bg' => 'bg-emerald-500/10', 'border' => 'border-emerald-500/20', 'title' => 'text-emerald-400', 'text' => 'text-emerald-300/80', 'icon' => '', ], 'warning' => [ 'bg' => 'bg-amber-500/10', 'border' => 'border-amber-500/20', 'title' => 'text-amber-400', 'text' => 'text-amber-300/80', 'icon' => '', ], 'error' => [ 'bg' => 'bg-red-500/10', 'border' => 'border-red-500/20', 'title' => 'text-red-400', 'text' => 'text-red-300/80', 'icon' => '', ], ]; $config = $variants[$variant] ?? $variants['info']; @endphp
merge(['class' => 'rounded-2xl border p-4 sm:p-5 ' . $config['bg'] . ' ' . $config['border']]) }} >
{{-- Icon --}} @if($icon)
{!! $config['icon'] !!}
@endif {{-- Content --}}
@if($title)

{{ $title }}

@endif
{{ $slot }}
{{-- Dismiss Button --}} @if($dismissible) @endif
{{-- Optional action slot --}} @if(isset($action))
{{ $action }}
@endif