@props([
    'variant' => 'default', // default, primary, success, warning, danger, info
    'size' => 'md', // sm, md, lg
    'pill' => false,
    'icon' => null
])

<span {{ $attributes->merge([
    'class' => 'kmc-badge kmc-badge--' . $variant . ' kmc-badge--' . $size .
               ($pill ? ' kmc-badge--pill' : '')
]) }}>
    @if($icon)
        <iconify-icon icon="{{ $icon }}" class="kmc-badge__icon"></iconify-icon>
    @endif
    {{ $slot }}
</span>