{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "terminal",
  "title": "Terminal",
  "description": "A minimal, technical Open Graph image with a wordmark and accent side-bar above a large wide-tracked uppercase headline.",
  "files": [
    {
      "path": "registry/components/terminal/index.tsx",
      "content": "export interface TerminalProps {\n  brand: string;\n  title: string;\n  caption?: string;\n  logo?: string;\n}\n\nexport const Terminal = ({ brand, title, caption, logo }: TerminalProps) => (\n  <div\n    style={{\n      backgroundColor: \"#0a0a0a\",\n      color: \"#fafafa\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      justifyContent: \"space-between\",\n      padding: \"80px\",\n      width: \"100%\",\n    }}\n  >\n    <div style={{ alignItems: \"center\", display: \"flex\", gap: \"16px\" }}>\n      {logo ? (\n        <img\n          alt=\"\"\n          height={44}\n          src={logo}\n          width={44}\n          style={{\n            borderRadius: \"8px\",\n            objectFit: \"contain\",\n          }}\n        />\n      ) : (\n        <div\n          style={{\n            alignItems: \"center\",\n            backgroundColor: \"#22c55e\",\n            borderRadius: \"8px\",\n            color: \"#ffffff\",\n            display: \"flex\",\n            fontSize: \"20px\",\n            fontWeight: 700,\n            height: \"44px\",\n            justifyContent: \"center\",\n            width: \"44px\",\n          }}\n        />\n      )}\n      <div style={{ display: \"flex\", fontSize: \"34px\", fontWeight: 700 }}>\n        {brand}\n      </div>\n    </div>\n\n    <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n      <div\n        style={{\n          display: \"flex\",\n          fontSize: title.length > 28 ? 84 : 104,\n          fontWeight: 800,\n          letterSpacing: \"-0.02em\",\n          lineHeight: 1,\n          textTransform: \"uppercase\",\n        }}\n      >\n        {title}\n      </div>\n      {caption ? (\n        <div\n          style={{\n            alignSelf: \"flex-start\",\n            backgroundColor: \"rgba(250,250,250,0.06)\",\n            border: \"1px solid rgba(250,250,250,0.12)\",\n            borderRadius: \"10px\",\n            color: \"#22c55e\",\n            display: \"flex\",\n            fontSize: \"30px\",\n            fontWeight: 600,\n            marginTop: \"36px\",\n            padding: \"12px 24px\",\n          }}\n        >\n          {caption}\n        </div>\n      ) : null}\n    </div>\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/terminal.tsx"
    }
  ],
  "type": "registry:component"
}