@props([
    'icon' => 'fas fa-inbox',
    'title' => 'No data found',
    'message' => 'There are no records to display yet.',
    'action' => null,
    'actionUrl' => null,
    'actionLabel' => 'Create New',
])

<div class="text-center py-5">
    <div style="font-size:48px;color:#cbd5e1;margin-bottom:16px;">
        <i class="{{ $icon }}"></i>
    </div>
    <h5 style="color:#1e293b;font-weight:600;">{{ $title }}</h5>
    <p style="color:#64748b;font-size:14px;max-width:400px;margin:0 auto 20px;">{{ $message }}</p>
    @if($actionUrl)
        <a href="{{ $actionUrl }}" class="btn" style="background:#2563eb;color:#fff;border-radius:8px;padding:8px 20px;">
            <i class="fas fa-plus mr-1"></i> {{ $actionLabel }}
        </a>
    @endif
    {{ $slot ?? '' }}
</div>