@props(['variant' => 'info'])
@php
    $variants = [
        'info'    => 'bg-info-bg border-info-border text-info',
        'success' => 'bg-success-bg border-success-border text-success',
        'warning' => 'bg-warning-bg border-warning-border text-warning',
        'danger'  => 'bg-danger-bg border-danger-border text-danger',
    ];
@endphp
<div role="alert" {{ $attributes->merge(['class' => 'rounded border px-3 py-2 text-sm '.($variants[$variant] ?? $variants['info'])]) }}>
    {{ $slot }}
</div>