@props([
    'id' => null,
    'name',
    'label' => null,
    'checked' => false,
    'value' => 1,
])

<div class="flex items-center space-x-2">
    <input
        type="checkbox"
        id="{{ $id ?? $name }}"
        name="{{ $name }}"
        value="{{ $value }}"
        {{ $checked ? 'checked' : '' }}
        {{ $attributes->merge(['class' => 'rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500']) }}
    >
    @if($label)
        <label for="{{ $id ?? $name }}" class="text-sm text-gray-700">{{ $label }}</label>
    @endif
</div>
@error($name)
    <span class="text-xs text-red-600 mt-1">{{ $message }}</span>
@enderror