{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shadcn-registry-2",
  "title": "Shadcn Registry 2",
  "description": "A clean Open Graph image with a light background, logo, name, category, title, and dot-separated tags.",
  "files": [
    {
      "path": "registry/components/shadcn-registry-2/index.tsx",
      "content": "export interface ShadcnRegistry2Props {\n  name: string;\n  category: string;\n  title: string;\n  items?: string[];\n  logo?: string;\n  accent?: string;\n}\n\nexport const ShadcnRegistry2 = ({\n  name,\n  category,\n  title,\n  items = [],\n  logo = \"\",\n  accent = \"#4f46e5\",\n}: ShadcnRegistry2Props) => (\n  <div\n    style={{\n      backgroundColor: \"#ffffff\",\n      color: \"#0a0a0a\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      justifyContent: \"center\",\n      padding: \"80px\",\n      position: \"relative\",\n      width: \"100%\",\n    }}\n  >\n    {/* Header: Logo + Name | Category */}\n    <div\n      style={{\n        alignItems: \"center\",\n        display: \"flex\",\n        gap: \"20px\",\n        marginBottom: \"64px\",\n      }}\n    >\n      {logo ? (\n        <img\n          alt=\"\"\n          height={64}\n          src={logo}\n          width={64}\n          style={{\n            objectFit: \"contain\",\n          }}\n        />\n      ) : (\n        <div\n          style={{\n            alignItems: \"center\",\n            backgroundColor: accent,\n            borderRadius: \"16px\",\n            display: \"flex\",\n            height: \"64px\",\n            justifyContent: \"center\",\n            width: \"64px\",\n          }}\n        >\n          <svg\n            width=\"32\"\n            height=\"32\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"#ffffff\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" />\n          </svg>\n        </div>\n      )}\n      <div\n        style={{\n          alignItems: \"center\",\n          display: \"flex\",\n          gap: \"20px\",\n        }}\n      >\n        <div\n          style={{\n            fontSize: \"40px\",\n            fontWeight: 700,\n            letterSpacing: \"-0.02em\",\n          }}\n        >\n          {name}\n        </div>\n        <div\n          style={{\n            color: \"#d4d4d8\",\n            fontSize: \"36px\",\n            fontWeight: 500,\n          }}\n        >\n          |\n        </div>\n        <div\n          style={{\n            color: \"#a1a1aa\",\n            fontSize: \"36px\",\n            fontWeight: 500,\n          }}\n        >\n          {category}\n        </div>\n      </div>\n    </div>\n\n    {/* Title */}\n    <div\n      style={{\n        display: \"flex\",\n        fontSize: title.length > 50 ? 64 : 72,\n        fontWeight: 700,\n        letterSpacing: \"-0.03em\",\n        lineHeight: 1.1,\n        maxWidth: \"900px\",\n        textWrap: \"balance\" as const,\n      }}\n    >\n      {title}\n    </div>\n\n    {/* Items/Badges */}\n    {items.length > 0 && (\n      <div\n        style={{\n          alignItems: \"center\",\n          color: \"#71717a\",\n          display: \"flex\",\n          fontSize: \"32px\",\n          fontWeight: 500,\n          gap: \"24px\",\n          marginTop: \"48px\",\n        }}\n      >\n        {items.map((item, i) => (\n          <div\n            key={item}\n            style={{ alignItems: \"center\", display: \"flex\", gap: \"24px\" }}\n          >\n            <span>{item}</span>\n            {i < items.length - 1 && (\n              <span style={{ color: \"#d4d4d8\" }}>•</span>\n            )}\n          </div>\n        ))}\n      </div>\n    )}\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/shadcn-registry-2.tsx"
    }
  ],
  "type": "registry:component"
}