@props(['name', 'checked'])

<div {{ $attributes->merge(['class' => 'flex items-center mt-2 text-nowrap']) }}>
  <input type="hidden" name="{{ $name }}" value="0">

  <input
      id="{{ $name }}"
      name="{{ $name }}"
      type="checkbox"
      value="1"
      @error($name)
      class="is-invalid"
      @enderror
      {{ $checked ?? false ? 'checked' : '' }}
  >

  <label for="{{ $name }}" class="text-wrap">{{ $slot }}</label>
</div>