@props(['label'])

<div class="mb-4 flex items-center">
    <input
        type="checkbox"
        {{ $attributes->merge([
            'class' => 'h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500',
        ]) }}
        id="{{ $attributes->get('id') ?? $attributes->wire('model')->value() ?? '' }}"
    />
    @if($label)
        <label for="{{ $attributes->get('id') ?? $attributes->wire('model')->value() ?? '' }}" class="ml-2 block text-sm text-gray-700">
            {{ $label }}
        </label>
    @endif
</div>

@error($attributes->wire('model')->value())
    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
@enderror