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

@php
    $cls = 'dc-badge';
    if ($tone !== 'neutral') { $cls .= ' dc-badge--'.$tone; }
@endphp

<span {{ $attributes->merge(['class' => $cls]) }}>{{ $slot }}</span>