{% set max_height = max_height or "h-[42rem]" %}
<div class="relative rounded-lg border border-slate-800 bg-slate-950" data-json-viewer>
  <button type="button" data-copy-json data-label="Copy" data-copied-label="Copied!" class="absolute right-2 top-2 z-10 rounded px-2 py-1 text-xs text-slate-500 transition-colors hover:bg-slate-800 hover:text-slate-300">
    Copy
  </button>
  <pre class="overflow-auto whitespace-pre-wrap break-all p-4 font-mono text-xs leading-relaxed text-slate-200 {{ max_height }}">{{ data|json_html }}</pre>
</div>