@props([
    'title' => null,
    'body' => null,
    'actionHref' => null,
    'actionLabel' => null,
])

@php
    $title = $title ?? __('operational_ui.index.empty_default');
    $muted = config('theme.colors.muted');
@endphp

<div class="text-center py-5 px-3">
    <div class="text-muted mb-2"><i class="fe fe-inbox fs-2" aria-hidden="true"></i></div>
    <div class="fw-semibold mb-1" style="color: {{ config('theme.colors.text') }};">{{ $title }}</div>
    @if ($body)
        <p class="small mb-3" style="color: {{ $muted }};">{{ $body }}</p>
    @endif
    @if ($actionHref && $actionLabel)
        <a href="{{ $actionHref }}" class="btn btn-sm btn-primary">{{ $actionLabel }}</a>
    @endif
    @isset($extra)
        <div class="mt-2">{{ $extra }}</div>
    @endisset
</div>
