{{--
    Empty State Component
    ──────────────────────
    Usage:
        <x-ui.empty-state
            icon="bi-inbox"
            title="Belum ada permohonan"
            desc="Permohonan yang masuk akan muncul di sini."
        >
            (optional CTA slot)
            <a href="...route('applications.create')..." class="btn btn-primary btn-sm mt-3">
                Buat Permohonan
            </a>
        </x-ui.empty-state>

    Props:
        icon   string  Bootstrap Icons class, default 'bi-inbox'
        title  string  required
        desc   string  optional
--}}
@props([
    'icon'  => 'bi-inbox',
    'title' => 'Tidak ada data',
    'desc'  => null,
])

<div class="los-empty">
    <i class="bi {{ $icon }} los-empty__icon"></i>
    <div class="los-empty__title">{{ $title }}</div>
    @if($desc)
    <p class="los-empty__desc">{{ $desc }}</p>
    @endif
    @if($slot->isNotEmpty())
    <div class="mt-2">{{ $slot }}</div>
    @endif
</div>