{{-- A checkbox drawn as an on/off switch. Place it inside a <label>. --}}
<input type="checkbox" {{ $attributes->merge(['class' => 'peer sr-only']) }}>
<span
    class="relative h-6 w-11 shrink-0 rounded-full bg-gray-200 transition duration-150 ease-in-out after:absolute after:left-0.5 after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-white after:shadow after:transition after:duration-150 after:ease-in-out peer-checked:bg-brand-600 peer-checked:after:translate-x-5 peer-focus-visible:ring-2 peer-focus-visible:ring-brand-500 peer-focus-visible:ring-offset-2"
    aria-hidden="true"
></span>