@props(['title', 'payload'])
<details class="group border border-slate-200 rounded-lg bg-white shadow-sm open:bg-slate-50/30">
    <summary class="cursor-pointer px-4 py-3 text-sm font-medium text-slate-800 border-b border-slate-100 bg-slate-50 select-none">
        {{ $title }}
    </summary>
    <pre class="p-4 text-xs overflow-x-auto text-slate-800 max-h-[32rem] overflow-y-auto whitespace-pre font-mono leading-relaxed">{{ \App\Support\AuditJson::pretty($payload) }}</pre>
</details>