@props(['title' => 'No records found', 'message' => null, 'icon' => 'bi-inbox'])

<div {{ $attributes->merge(['class' => 'rounded-2xl border border-dashed border-slate-300 bg-white p-8 text-center dark:border-slate-700 dark:bg-slate-950']) }}>
    <i class="bi {{ $icon }} mb-3 text-2xl text-slate-400"></i>
    <h3 class="text-base font-semibold text-slate-900 dark:text-white">{{ $title }}</h3>
    @if($message)<p class="mt-1 text-sm text-slate-500">{{ $message }}</p>@endif
    @if(trim((string) $slot) !== '')<div class="mt-4">{{ $slot }}</div>@endif
</div>