<x-filament::section heading="Needs attention">
    @if ($items === [])
        <div class="flex h-full flex-col justify-between gap-4">
            <div class="space-y-2">
                <p class="text-sm font-medium text-gray-950 dark:text-white">
                    {{ $emptyState['title'] ?? 'Nothing urgent in your current scope' }}
                </p>

                <p class="text-sm leading-6 text-gray-600 dark:text-gray-300">
                    {{ $emptyState['body'] ?? 'Recent operations and alert deliveries look healthy right now.' }}
                </p>
            </div>

            @if (filled($emptyState['action_url'] ?? null))
                <div>
                    <x-filament::link :href="$emptyState['action_url']" size="sm">
                        {{ $emptyState['action_label'] ?? 'Open operations' }}
                    </x-filament::link>
                </div>
            @endif
        </div>
    @else
        <div class="space-y-3">
            @foreach ($items as $item)
                <a
                    href="{{ $item['url'] }}"
                    class="block rounded-xl border border-gray-200 bg-gray-50 p-4 transition hover:border-gray-300 hover:bg-white dark:border-white/10 dark:bg-white/5 dark:hover:border-white/20 dark:hover:bg-white/10"
                >
                    <div class="flex items-start justify-between gap-3">
                        <div class="space-y-1">
                            <div class="text-sm font-semibold text-gray-950 dark:text-white">
                                {{ $item['title'] }}
                            </div>
                            <div class="text-sm leading-6 text-gray-600 dark:text-gray-300">
                                {{ $item['body'] }}
                            </div>
                        </div>

                        <x-filament::badge :color="$item['badge_color']" size="sm">
                            {{ $item['badge'] }}
                        </x-filament::badge>
                    </div>
                </a>
            @endforeach
        </div>
    @endif
</x-filament::section>
