@props(['title' => '', 'icon' => ''])

<div class="bg-white rounded shadow p-4 flex items-start space-x-4">
    <div class="text-primary text-xl">
        <x-lucide-icon :name="$icon" class="w-6 h-6 text-blue-500" />
    </div>
    <div>
        <p class="text-gray-500 text-sm font-medium">{{ $title }}</p>
        <p class="text-lg font-bold text-gray-900">{{ $slot }}</p>
    </div>
</div>