@props(['data', 'searched' => false])

@if (! empty($data))
    <div class="overflow-x-auto">
        <pre class="rounded-lg border border-gray-200 bg-gray-50 p-4 text-xs font-mono leading-relaxed text-gray-700 dark:border-white/10 dark:bg-gray-800 dark:text-gray-300">{{ json_encode($data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
    </div>
@elseif ($searched)
    <x-logistics.empty-state
        icon="heroicon-o-magnifying-glass"
        title="Aucune donnée n'a été trouvée pour votre demande."
    />
@endif