{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shadcn-registry-3",
  "title": "Shadcn Registry 3",
  "description": "A bold dark Open Graph image with large title, circular badge, ghost watermark, and credit text.",
  "files": [
    {
      "path": "registry/components/shadcn-registry-3/index.tsx",
      "content": "export interface ShadcnRegistry3Props {\n  title: string;\n  credit?: string;\n  ghost?: string;\n  logo?: string;\n}\n\nexport const ShadcnRegistry3 = ({\n  title,\n  credit = \"\",\n  ghost = \"\",\n  logo = \"\",\n}: ShadcnRegistry3Props) => (\n  <div\n    style={{\n      backgroundColor: \"#0a0a0a\",\n      color: \"#fafafa\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      overflow: \"hidden\",\n      padding: \"80px\",\n      position: \"relative\",\n      width: \"100%\",\n    }}\n  >\n    {/* Ghost Watermark */}\n    <div\n      style={{\n        bottom: \"-80px\",\n        color: \"rgba(255,255,255,0.04)\",\n        display: \"flex\",\n        fontSize: \"320px\",\n        fontWeight: 800,\n        left: \"40px\",\n        letterSpacing: \"-0.04em\",\n        lineHeight: 0.85,\n        position: \"absolute\",\n        userSelect: \"none\",\n      }}\n    >\n      {ghost || title.split(\" \")[0]}\n    </div>\n\n    {/* Title + Badge */}\n    <div\n      style={{\n        alignItems: \"flex-start\",\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        position: \"relative\",\n      }}\n    >\n      {/* Title */}\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          fontSize: title.length > 60 ? 52 : 64,\n          fontWeight: 700,\n          letterSpacing: \"-0.03em\",\n          lineHeight: 1.1,\n          maxWidth: \"800px\",\n          textWrap: \"balance\",\n        }}\n      >\n        {title}\n        {credit ? (\n          <div\n            style={{\n              color: \"#52525b\",\n              fontSize: \"24px\",\n              fontWeight: 400,\n              marginTop: \"24px\",\n            }}\n          >\n            {credit}\n          </div>\n        ) : null}\n      </div>\n\n      {/* Badge/Logo */}\n      <div\n        style={{\n          alignItems: \"center\",\n          border: \"3px solid rgba(255,255,255,0.2)\",\n          borderRadius: \"999px\",\n          display: \"flex\",\n          flexShrink: 0,\n          height: \"160px\",\n          justifyContent: \"center\",\n          marginLeft: \"40px\",\n          overflow: \"hidden\",\n          width: \"160px\",\n        }}\n      >\n        {logo ? (\n          <img\n            height={140}\n            src={logo}\n            width={140}\n            style={{ borderRadius: \"999px\", objectFit: \"cover\" }}\n          />\n        ) : (\n          <div\n            style={{\n              background: \"linear-gradient(135deg, #60EFFF, #0061FF)\",\n              borderRadius: \"999px\",\n              height: \"140px\",\n              width: \"140px\",\n            }}\n          />\n        )}\n      </div>\n    </div>\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/shadcn-registry-3.tsx"
    }
  ],
  "type": "registry:component"
}