@props([
    'name',
    'label' => '',
    'checked' => false,
    'class' => ''
])

<div class="mb-4 flex items-center">
    <input 
        type="checkbox" 
        name="{{ $name }}" 
        id="{{ $name }}"
        value="1"
        {{ old($name, $checked) ? 'checked' : '' }}
        {{ $attributes->merge(['class' => "form-checkbox h-5 w-5 text-blue-600 border-brand-light-gray rounded focus:ring-2 focus:ring-blue-500 $class"]) }}
    >
    
    @if($label)
        <label for="{{ $name }}" class="ml-2 text-brand-text text-base">{{ $label }}</label>
    @endif

    @error($name)
        <p class="text-red-600 text-sm ml-2">{{ $message }}</p>
    @enderror
</div>