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

<div {{ $attributes->merge(['class' => 'vem-empty-state']) }}>
    <div><i class="bi bi-{{ $icon }}" aria-hidden="true"></i></div>
    <h3 class="h6 text-body">{{ $title }}</h3>
    @if ($description)
        <p class="mb-3">{{ $description }}</p>
    @endif
    @if ($slot->isNotEmpty())
        <div class="mt-2">{{ $slot }}</div>
    @endif
</div>
