@props([
    'variant' => 'info', // info | success | warning | danger
])

@php
    $variants = [
        'info' => 'bg-sky-50 text-sky-800 ring-sky-600/20',
        'success' => 'bg-emerald-50 text-emerald-800 ring-emerald-600/20',
        'warning' => 'bg-amber-50 text-amber-900 ring-amber-600/20',
        'danger' => 'bg-rose-50 text-rose-800 ring-rose-600/20',
    ];
@endphp

<div {{ $attributes->merge(['class' => 'mb-4 rounded-2xl px-4 py-3 text-sm ring-1 ring-inset '.$variants[$variant]]) }}>
    {{ $slot }}
</div>