{
  "$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.",
  "registryDependencies": [
    "https://ogimagecn.com/r/brand-mark.json"
  ],
  "files": [
    {
      "path": "registry/blocks/shadcn-registry-2/index.tsx",
      "content": "import { BrandMark } from \"@/components/og/brand-mark\";\n\nexport 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      <BrandMark background={accent} radius={16} size={64} src={logo}>\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      </BrandMark>\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"
    }
  ],
  "categories": [
    "shadcn-registry"
  ],
  "type": "registry:block"
}