@props(['title', 'description' => null, 'actions' => null])

<div class="bg-white rounded-lg shadow-sm border border-gray-200">
    <div class="px-6 py-4 border-b border-gray-200">
        <div class="flex justify-between items-start">
            <div>
                <h3 class="text-lg font-semibold text-gray-900">{{ $title }}</h3>
                @if($description)
                    <p class="mt-1 text-sm text-gray-600">{{ $description }}</p>
                @endif
            </div>
            @if($actions)
                <div class="flex space-x-2">
                    {{ $actions }}
                </div>
            @endif
        </div>
    </div>
    <div class="p-6">
        {{ $slot }}
    </div>
</div>