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

<label class="inline-flex items-center gap-2 text-sm text-gray-700 dark:text-gray-200">
    <input
        type="checkbox"
        name="{{ $name }}"
        {{ $checked ? 'checked' : '' }}
        {{ $attributes->merge(['class' => 'rounded text-[color:var(--primary-color)] border-gray-300 dark:border-gray-600 shadow-sm focus:ring focus:ring-[color:var(--primary-color)] focus:ring-opacity-50']) }}
    >
    <span>{{ $label }}</span>
</label>