@props([
    'code' => null,
    'output' => null,
    'language' => 'code',
])

<!-- Code Solution Block -->
<div class="font-outfit text-base font-bold text-slate-900 mb-3 flex items-center gap-2">
    💻 Submitted Code Solution ({{ strtoupper($language) }})
</div>
<div class="bg-slate-950 text-sky-400 rounded-xl p-4 font-mono text-xs whitespace-pre-wrap mb-5 max-h-[300px] overflow-y-auto leading-relaxed border border-slate-800">
{{ $code ?? '// No code solution submitted by candidate.' }}
</div>

<!-- Code Output Block -->
<div class="font-outfit text-base font-bold text-slate-900 mb-3 flex items-center gap-2">
    🖥️ Engine Execution Stdout Output
</div>
<div class="bg-[#050811] text-emerald-400 rounded-xl p-3.5 font-mono text-xs whitespace-pre-wrap mb-7 max-h-[120px] overflow-y-auto leading-relaxed border border-slate-900">
{{ $output ?? 'No execution output recorded.' }}
</div>