@props(['name','label' => false,'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
                {{ $attributes->merge(['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">
        @if($label)
            <label for="{{ $name }}" class="font-medium text-gray-900">{{ $label }}</label>
            <p id="comments-description" class="text-gray-500">{{ $description }}</p>
        @endif
        @error($name)
        <p class="text-xs text-red-500 font-semibold mt-1 ml-3">{{ $message }}</p>
        @enderror
    </div>
</div>