@props([
    'icon' => 'ti-mood-empty',
    'title' => 'لا توجد بيانات',
    'description' => null,
    'action' => null,
])

<div {{ $attributes->merge(['class' => 'empty']) }}>
    <div class="empty-icon">
        <i class="ti {{ $icon }}" style="font-size: 3rem;"></i>
    </div>
    <p class="empty-title">{{ $title }}</p>
    @if($description)<p class="empty-subtitle text-muted">{{ $description }}</p>@endif
    @if($action)
        <div class="empty-action">{{ $action }}</div>
    @endif
</div>