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

@php
$classes = match($type) {
    'success' => 'bg-green-100 text-green-700',
    'danger' => 'bg-red-100 text-red-700',
    default => 'bg-gray-100 text-gray-700'
};
@endphp

<span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium {{ $classes }}">
    {{ $slot }}
</span>