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

<label class="inline-flex items-center gap-3 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm font-medium text-slate-700">
    <input
        type="checkbox"
        name="{{ $name }}"
        value="{{ $value }}"
        @checked(old($name, $checked))
        class="h-4 w-4 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500"
    >
    <span>{{ $label }}</span>
</label>