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

@php
    $resolvedError = $error ?? $errors->first($name);
@endphp

<div>
    <input type="hidden" name="{{ $name }}" value="0">
    <label for="{{ $name }}" class="inline-flex items-center gap-2 text-sm font-medium text-slate-700 {{ $disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer' }}">
        <input id="{{ $name }}" name="{{ $name }}" type="checkbox" value="{{ $value }}"
               @checked($checked) @disabled($disabled)
               {{ $attributes->merge(['class' => 'rounded border-slate-300 text-primary focus:ring-primary']) }}>
        {{ $label ?? $slot }}
    </label>
    @if ($help && ! $resolvedError)
        <x-forms.help class="mt-1">{{ $help }}</x-forms.help>
    @endif
    <x-forms.error class="mt-1" :message="$resolvedError" />
</div>