@props(['filename' => 'api-request.sh'])
<div class="rounded-xl overflow-hidden border border-app-border bg-app-bg/80 backdrop-blur-sm shadow-2xl relative w-full mx-auto">
    <!-- Window Controls -->
    <div class="flex items-center px-4 py-3 border-b border-app-border bg-app-surface/50">
        <div class="flex space-x-2">
            <div class="w-3 h-3 rounded-full bg-red-500/80"></div>
            <div class="w-3 h-3 rounded-full bg-yellow-500/80"></div>
            <div class="w-3 h-3 rounded-full bg-green-500/80"></div>
        </div>
        <div class="ml-4 flex-1 text-center font-mono text-xs text-zinc-500 select-none">
            {{ $filename }}
        </div>
    </div>
    
    <!-- Code Content -->
    <div class="p-4 sm:p-6 overflow-x-auto font-mono text-sm leading-relaxed text-zinc-300">
        {{ $slot }}
    </div>
</div>