@props([
    'checked' => false,
    'name' => null,
    'label' => null,
    'func' => null,
    'wireModelType' => \App\Enums\ELivewireModelType::LIVE,
    'disable' => false,
])
<div {{$attributes->merge(['class' =>  "flex z-0 relative group items-center h-form-input"])}}>
    <label class="relative inline-flex items-center cursor-pointer">
        <input type="checkbox" value="" class="sr-only peer"
               @if($name)
                   {{ $attributes->merge([$wireModelType->attribute() => $name])->only([$wireModelType->attribute()]) }}
               @endif
               @if($checked) checked @endif
               @if($func)wire:click="{{$func}}" @endif
               @if($disable) disabled @endif
        >
        <div
            class="w-11 h-6 bg-gray-200 rounded-full peer
            peer-focus:ring-4 peer-focus:ring-blue-300
            peer-checked:after:translate-x-full peer-checked:after:border-white peer-checked:bg-blue-600
            after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all
            peer-disabled:ring-gray-900 peer-disabled:after:bg-gray-300 peer-disabled:peer-checked:bg-blue-300
            "></div>
        @if($label)
            <span class="ml-3 text-sm font-medium text-gray-900">{{$label}}</span>
        @endif
    </label>
</div>