@props(['on' => false, 'label' => null])

<button type="button" role="switch" aria-checked="{{ $on ? 'true' : 'false' }}"
    @isset($label) aria-label="{{ $label }}" @endisset
    {{ $attributes->merge(['class' => 'relative w-9 h-5 rounded-full shrink-0 transition-colors duration-200 '.($on ? 'bg-accent' : 'bg-inset')]) }}>
    <span class="absolute top-[2px] h-4 w-4 rounded-full transition-all duration-200 {{ $on ? 'left-[18px] bg-base' : 'left-[2px] bg-ink-3' }}"></span>
</button>