@props(['name','label','checked'=>false])
<div class="flex items-center gap-2">
  <input type="checkbox" name="{{ $name }}" value="1" @checked($checked)
         class="w-5 h-5 text-primary rounded border-gray-300 focus:ring-primary">
  <label class="text-sm font-semibold">{{ $label }}</label>
</div>