{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shadcn-registry-5",
  "title": "Shadcn Registry 5",
  "description": "A clean light Open Graph image with centered logo, name, title, and description inside a bordered frame.",
  "files": [
    {
      "path": "registry/components/shadcn-registry-5/index.tsx",
      "content": "export interface ShadcnRegistry5Props {\n  name: string;\n  title: string;\n  description?: string;\n  logo?: string;\n}\n\nexport const ShadcnRegistry5 = ({\n  name,\n  title,\n  description = \"\",\n  logo = \"\",\n}: ShadcnRegistry5Props) => (\n  <div\n    style={{\n      backgroundColor: \"#fafafa\",\n      color: \"#0a0a0a\",\n      display: \"flex\",\n      height: \"100%\",\n      position: \"relative\",\n      width: \"100%\",\n    }}\n  >\n    {/* Grid lines — matching grid/index.tsx */}\n    <div\n      style={{\n        borderLeft: \"1px dashed #44403c\",\n        bottom: 0,\n        left: \"64px\",\n        position: \"absolute\",\n        top: 0,\n        width: \"1px\",\n      }}\n    />\n    <div\n      style={{\n        borderLeft: \"1px dashed #44403c\",\n        bottom: 0,\n        position: \"absolute\",\n        right: \"64px\",\n        top: 0,\n        width: \"1px\",\n      }}\n    />\n    <div\n      style={{\n        borderTop: \"1px dashed #44403c\",\n        height: \"1px\",\n        left: 0,\n        position: \"absolute\",\n        right: 0,\n        top: \"64px\",\n      }}\n    />\n    <div\n      style={{\n        borderTop: \"1px dashed #44403c\",\n        bottom: \"64px\",\n        height: \"1px\",\n        left: 0,\n        position: \"absolute\",\n        right: 0,\n      }}\n    />\n\n    {/* Main content — absolutely positioned in center */}\n    <div\n      style={{\n        alignItems: \"center\",\n        bottom: \"128px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        left: \"128px\",\n        position: \"absolute\",\n        right: \"128px\",\n        textAlign: \"center\",\n        top: \"128px\",\n        width: \"896px\",\n      }}\n    >\n      {/* Logo + Name */}\n      <div\n        style={{\n          alignItems: \"center\",\n          display: \"flex\",\n          gap: \"12px\",\n          marginBottom: \"32px\",\n        }}\n      >\n        {logo ? (\n          <img\n            height={40}\n            src={logo}\n            width={40}\n            style={{ objectFit: \"contain\" }}\n          />\n        ) : (\n          <div\n            style={{\n              backgroundColor: \"rgba(0,0,0,0.3)\",\n              borderRadius: \"12px\",\n              height: \"40px\",\n              width: \"40px\",\n            }}\n          />\n        )}\n        <div style={{ color: \"#18181b\", fontSize: \"28px\", fontWeight: 600 }}>\n          {name}\n        </div>\n      </div>\n\n      {/* Title */}\n      <div\n        style={{\n          display: \"flex\",\n          fontSize: title.length > 30 ? 72 : 88,\n          fontWeight: 800,\n          letterSpacing: \"-0.04em\",\n          lineHeight: 1,\n          textWrap: \"balance\",\n        }}\n      >\n        {title}\n      </div>\n\n      {/* Description */}\n      {description ? (\n        <div\n          style={{\n            color: \"#71717a\",\n            display: \"flex\",\n            fontSize: \"28px\",\n            fontWeight: 400,\n            lineHeight: 1.5,\n            marginTop: \"32px\",\n            textWrap: \"balance\",\n          }}\n        >\n          {description}\n        </div>\n      ) : null}\n    </div>\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/shadcn-registry-5.tsx"
    }
  ],
  "type": "registry:component"
}