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

@php
    $id = $attributes->get('id', $name);
    // old() returns null on a first render but '' after a failed submit where the
    // box was cleared, so distinguish the two rather than falling back blindly.
    $isChecked = old() ? (bool) old($name) : (bool) $checked;
@endphp

<div {{ $attributes->only('class') }}>
    <label for="{{ $id }}" class="flex cursor-pointer items-start gap-2.5">
        <input id="{{ $id }}" type="checkbox" name="{{ $name }}" value="1" @checked($isChecked)
               {{ $attributes->except('class')->merge(['class' => 'mt-0.5 size-4 rounded border-border text-text-brand focus:ring-primary']) }}>
        <span>
            <span class="text-sm font-medium text-text-secondary">
                {{-- A slot carries markup (links in a consent line); the prop is plain text. --}}
                @if ($slot->isNotEmpty()){!! $slot !!}@else{{ $label }}@endif
            </span>
            @if ($hint)
                <span class="block text-xs text-text-muted">{{ $hint }}</span>
            @endif
        </span>
    </label>

    @error($name)
        <p class="form-error">{{ $message }}</p>
    @enderror
</div>