@props(['title', 'options' => [], 'name'])

<div class="bg-dark rounded p-6">
    <p class="font-semibold mb-4">{{ $title }}</p>
    <div class="grid grid-cols-2 gap-4 text-sm">
        @foreach ($options as $option)
            <label class="flex items-center space-x-2">
                <input type="checkbox" name="{{ $name }}[]" value="{{ $option->title }}" class="accent-accent">
                <span>{{ $option->title }}</span>
            </label>
        @endforeach
    </div>
</div>