{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shadcn-registry-1",
  "title": "Shadcn Registry 1",
  "description": "A showcase Open Graph image for shadcn registries with logo, name, URL, description, and tag badges.",
  "files": [
    {
      "path": "registry/components/shadcn-registry-1/index.tsx",
      "content": "export interface ShadcnRegistry1Props {\n  name: string;\n  url: string;\n  description: string;\n  logo?: string;\n  items?: string[];\n}\n\nexport const ShadcnRegistry1 = ({\n  name,\n  url,\n  description,\n  logo = \"\",\n  items = [],\n}: ShadcnRegistry1Props) => (\n  <div\n    style={{\n      backgroundColor: \"#09090b\",\n      backgroundImage:\n        \"radial-gradient(ellipse at 70% 80%, rgba(120,50,60,0.15), transparent 60%), radial-gradient(ellipse at 20% 20%, rgba(60,60,80,0.1), transparent 50%)\",\n      color: \"#fafafa\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      justifyContent: \"space-between\",\n      padding: \"72px\",\n      position: \"relative\",\n      width: \"100%\",\n    }}\n  >\n    <div\n      style={{\n        alignItems: \"center\",\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        width: \"100%\",\n      }}\n    >\n      <div style={{ alignItems: \"center\", display: \"flex\", gap: \"16px\" }}>\n        {logo ? (\n          <img\n            alt=\"\"\n            height={48}\n            src={logo}\n            width={48}\n            style={{\n              borderRadius: \"12px\",\n              objectFit: \"contain\",\n            }}\n          />\n        ) : (\n          <div\n            style={{\n              backgroundColor: \"#22d3ee\",\n              borderRadius: \"999px\",\n              display: \"flex\",\n              height: \"48px\",\n              width: \"48px\",\n            }}\n          />\n        )}\n        <div\n          style={{\n            fontSize: \"32px\",\n            fontWeight: 600,\n            letterSpacing: \"-0.01em\",\n          }}\n        >\n          {name}\n        </div>\n      </div>\n      <div\n        style={{\n          color: \"#71717a\",\n          fontSize: \"28px\",\n          fontWeight: 500,\n        }}\n      >\n        {url}\n      </div>\n    </div>\n\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"24px\",\n        marginTop: \"-40px\",\n      }}\n    >\n      <div\n        style={{\n          display: \"flex\",\n          fontSize: url.length > 20 ? 96 : 120,\n          fontWeight: 700,\n          letterSpacing: \"-0.04em\",\n          lineHeight: 1,\n          textWrap: \"balance\" as const,\n        }}\n      >\n        {url}\n      </div>\n      <div\n        style={{\n          color: \"#a1a1aa\",\n          display: \"flex\",\n          fontSize: \"36px\",\n          fontWeight: 400,\n          lineHeight: 1.3,\n          maxWidth: \"800px\",\n          textWrap: \"balance\" as const,\n        }}\n      >\n        {description}\n      </div>\n    </div>\n\n    {items.length > 0 && (\n      <div\n        style={{\n          alignItems: \"center\",\n          display: \"flex\",\n          gap: \"16px\",\n        }}\n      >\n        {items.map((item) => (\n          <div\n            key={item}\n            style={{\n              backgroundColor: \"rgba(255,255,255,0.06)\",\n              border: \"1px solid rgba(255,255,255,0.1)\",\n              borderRadius: \"8px\",\n              color: \"#d4d4d8\",\n              display: \"flex\",\n              fontSize: \"24px\",\n              fontWeight: 500,\n              padding: \"12px 20px\",\n            }}\n          >\n            {item}\n          </div>\n        ))}\n      </div>\n    )}\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/shadcn-registry-1.tsx"
    }
  ],
  "type": "registry:component"
}