@props([
    'tone' => 'neutral',
    'pill' => true,
    'icon' => null,
    'dot' => false,
])

@php
    $toneClass = match($tone) {
        'success' => 'badge--success',
        'warning' => 'badge--warning',
        'danger'  => 'badge--danger',
        'info'    => 'badge--info',
        'primary' => 'badge--primary',
        'muted'   => 'badge--muted',
        default   => 'badge--neutral',
    };
    $classes = trim('badge ' . $toneClass . ($pill ? ' badge--pill' : ''));
@endphp

<span {{ $attributes->merge(['class' => $classes]) }}>
    @if($dot)<span class="badge__dot" aria-hidden="true"></span>@endif
    @if($icon)<span class="badge__icon">{!! icon($icon) !!}</span>@endif
    <span class="badge__label">{{ $slot }}</span>
</span>