@props(['type' => 'muted', 'icon' => null])
{{--
    The ONE pill used across the witness workspace. Colour is reserved for a small
    set of meaningful states so the screen stays calm.
    Types: required | evidence | exhibit | warning | complete | muted
--}}
@php
    $map = [
        'required' => ['bg-danger-subtle', 'text-danger-emphasis'],
        'evidence' => ['bg-info-subtle', 'text-info-emphasis'],
        'exhibit'  => ['bg-primary-subtle', 'text-primary-emphasis'],
        'warning'  => ['bg-warning-subtle', 'text-warning-emphasis'],
        'complete' => ['bg-success-subtle', 'text-success-emphasis'],
        'muted'    => ['bg-secondary-subtle', 'text-secondary-emphasis'],
    ];
    [$bg, $fg] = $map[$type] ?? $map['muted'];
@endphp
<span {{ $attributes->merge(['class' => "badge rounded-pill fw-medium $bg $fg"]) }}>
    @if($icon)<span class="mdi mdi-{{ $icon }}" aria-hidden="true"></span> @endif{{ $slot }}
</span>