@props(['name','label','description' => '', 'checked' => false])
<div class="relative flex items-start">
    <div class="flex h-6 items-center">
        <input id="{{ $name }}"
               aria-describedby="comments-description"
               name="{{ $name }}"
               type="checkbox"
               @if($checked) checked @endif
               class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600">
    </div>
    <div class="ml-3 text-sm leading-6">
        <label for="{{ $name }}" class="font-medium text-gray-900">{{ $label }}</label>
        <p id="comments-description" class="text-gray-500">{{ $description }}</p>
        @error($name)
        <p class="text-xs text-red-500 font-semibold mt-1 ml-3">{{ $message }}</p>
        @enderror
    </div>
</div>