{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "terminal-window",
  "type": "registry:ui",
  "title": "Terminal window",
  "description": "Terminal window frame with traffic light dots, a title bar and a monospace body for commands and output. A Tailwind block for install steps, CLI docs and demos.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/terminal-window.tsx",
      "type": "registry:ui",
      "target": "components/ui/terminal-window.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TerminalWindow({\n  title = \"Terminal\",\n  children,\n  className,\n}: {\n  title?: string\n  children?: React.ReactNode\n  className?: string\n}) {\n  return (\n    <div\n      data-slot=\"terminal-window\"\n      className={cn(\"overflow-hidden rounded-xl border border-border bg-sunken\", className)}\n    >\n      <div className=\"flex items-center gap-2 border-b border-border bg-surface px-3 py-2\">\n        <span className=\"size-2.5 rounded-full bg-danger/70\" aria-hidden />\n        <span className=\"size-2.5 rounded-full bg-warning/70\" aria-hidden />\n        <span className=\"size-2.5 rounded-full bg-success/70\" aria-hidden />\n        <span className=\"ml-2 text-xs text-fg-muted\">{title}</span>\n      </div>\n      <pre className=\"overflow-auto p-4 font-mono text-[12px] leading-relaxed text-fg\">{children}</pre>\n    </div>\n  )\n}\nexport { TerminalWindow }\n"
    }
  ]
}