@props([
    'id'=>$id,
    'disabled' => $checkbox_disable ?? false,
    'label' => $label ?? '',
])
<div class="flex items-center">
    <input  id="{{$id}}" type="checkbox"
        {{$attributes->merge([
            'class' => "w-5 h-5 text-primary-600 bg-gray-100 disabled:bg-gray-500 rounded border-gray-300 focus:ring-primary-500 focus:ring-2 cursor-pointer"
        ])}}
        @disabled($disabled)>
    <label class="pl-1 font-medium whitespace-nowrap cursor-pointer hover:text-primary-400"
           for="{{$id}}">{{$label}}</label>
</div>