@php
    $emptyState = is_array($emptyState ?? null) ? $emptyState : [];
    $availabilityState = is_string($availabilityState ?? null) ? (string) $availabilityState : 'available';
    $toneClasses = match ($availabilityState) {
        'unavailable' => 'border-danger-200 bg-danger-50 text-danger-900 dark:border-danger-500/30 dark:bg-danger-500/10 dark:text-danger-100',
        'partial' => 'border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-100',
        default => 'border-gray-200 bg-white text-gray-700 dark:border-white/10 dark:bg-gray-900 dark:text-gray-200',
    };
@endphp

<div data-shared-zone="empty" class="rounded-lg border px-4 py-3 text-sm {{ $toneClasses }}">
    <div class="font-medium">
        {{ $emptyState['title'] ?? 'No normalized changes' }}
    </div>
    <div class="mt-1">
        {{ $emptyState['message'] ?? 'No normalized changes were found.' }}
    </div>
</div>