@props(['variant' => 'default'])
@php
$classes = 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ';
if ($variant === 'success') $classes .= 'bg-emerald-100 text-emerald-800';
elseif ($variant === 'danger') $classes .= 'bg-red-100 text-red-800';
elseif ($variant === 'warning') $classes .= 'bg-amber-100 text-amber-800';
else $classes .= 'bg-slate-100 text-slate-800';
@endphp
<span {{ $attributes->merge(['class' => $classes]) }}>{{ $slot }}</span>