@props([
    'title' => 'No records found',
    'message' => 'There is nothing to display yet.',
    'icon' => 'fa-solid fa-inbox',
])

<div {{ $attributes->merge(['class' => 'chm-empty-state']) }}>
    <div class="chm-empty-state-icon">
        <i class="{{ $icon }}"></i>
    </div>
    <h5>{{ $title }}</h5>
    <p>{{ $message }}</p>
    @isset($action)
        <div>{{ $action }}</div>
    @endisset
</div>