@props([
    'title' => 'لا توجد بيانات بعد',
    'description' => null,
    'actionLabel' => null,
    'actionUrl' => null,
    'icon' => 'inbox',
])

@php
    $iconPath = match($icon) {
        'inbox'  => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M3 13h4l2 4h6l2-4h4M3 5h18v14H3z"/>',
        'cart'   => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M3 3h2l3 12h11l3-9H6"/>',
        'chat'   => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M3 12c0-4.4 4-8 9-8s9 3.6 9 8-4 8-9 8c-1.5 0-2.9-.3-4.2-.8L3 21l1-4.5C3.3 15.2 3 13.6 3 12z"/>',
        'shield' => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6l8-4z"/>',
        default  => '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M3 13h4l2 4h6l2-4h4M3 5h18v14H3z"/>',
    };
@endphp

<div class="empty-state">
    <span class="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-brand-50 text-brand-600 mb-4">
        <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">{!! $iconPath !!}</svg>
    </span>
    <h3 class="text-lg font-bold text-navy-900">{{ $title }}</h3>
    @if($description)
        <p class="mt-2 text-sm text-navy-500 max-w-md">{{ $description }}</p>
    @endif
    @if($actionLabel && $actionUrl)
        <a href="{{ $actionUrl }}" class="btn btn-primary mt-5">{{ $actionLabel }}</a>
    @endif
</div>