@props(['question', 'draggable' => false])

<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-5 hover:shadow-md transition-shadow"
     @if($draggable) draggable="true" data-question-id="{{ $question->id }}" @endif>
    <div class="flex items-start gap-3">
        @if($draggable)
            <div class="cursor-move text-gray-400 hover:text-gray-600 transition-colors mt-1">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 16h16"></path>
                </svg>
            </div>
        @endif
        <div class="flex-1">
            {{ $slot }}
        </div>
    </div>
</div>