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

<div {{ $attributes->merge(['class' => 'flex space-x-4']) }}>
    <div class="flex-shrink-0">
        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-2xl">
            {{ $icon }}
        </div>
    </div>
    <div>
        <h3 class="text-lg font-semibold text-slate-900 mb-2">{{ $title }}</h3>
        <p class="text-slate-600">{{ $description }}</p>
    </div>
</div>