@props([
    'checked' => false,
    'onLabel' => 'ACTIVO',
    'offLabel' => 'INACTIVO',
    'size' => 'md',
])

@php
    $classes = 'status-toggle';
    if ($size === 'lg') {
        $classes .= ' status-toggle-lg';
    }
@endphp

<button
    type="button"
    role="switch"
    aria-checked="{{ $checked ? 'true' : 'false' }}"
    {{ $attributes->class([$classes]) }}
>
    <span class="status-toggle-thumb" aria-hidden="true"></span>
    <span class="status-toggle-label" data-on>{{ $onLabel }}</span>
    <span class="status-toggle-label" data-off>{{ $offLabel }}</span>
</button>