{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shadcn-registry-6",
  "title": "Shadcn Registry 6",
  "description": "A minimal Open Graph image with solid border lines, a logo in the top-left, and title/description at the bottom.",
  "files": [
    {
      "path": "registry/components/shadcn-registry-6/index.tsx",
      "content": "export interface ShadcnRegistry6Props {\n  title: string;\n  description: string;\n  brand: string;\n  logo?: string;\n}\n\nexport const ShadcnRegistry6 = ({\n  title,\n  description,\n  brand,\n  logo = \"\",\n}: ShadcnRegistry6Props) => (\n  <div\n    style={{\n      backgroundColor: \"#000000\",\n      color: \"#f4f4f5\",\n      display: \"flex\",\n      height: \"100%\",\n      position: \"relative\",\n      width: \"100%\",\n    }}\n  >\n    {/* Border frame */}\n    <div\n      style={{\n        borderLeft: \"1px solid #27272a\",\n        bottom: 0,\n        display: \"flex\",\n        left: \"48px\",\n        position: \"absolute\",\n        top: 0,\n      }}\n    />\n    <div\n      style={{\n        borderLeft: \"1px solid #27272a\",\n        bottom: 0,\n        display: \"flex\",\n        position: \"absolute\",\n        right: \"48px\",\n        top: 0,\n      }}\n    />\n    <div\n      style={{\n        borderTop: \"1px solid #27272a\",\n        display: \"flex\",\n        left: 0,\n        position: \"absolute\",\n        right: 0,\n        top: \"48px\",\n      }}\n    />\n    <div\n      style={{\n        borderTop: \"1px solid #27272a\",\n        bottom: \"48px\",\n        display: \"flex\",\n        left: 0,\n        position: \"absolute\",\n        right: 0,\n      }}\n    />\n\n    {/* Logo + Brand */}\n    <div\n      style={{\n        alignItems: \"center\",\n        display: \"flex\",\n        gap: \"16px\",\n        left: \"72px\",\n        position: \"absolute\",\n        top: \"72px\",\n      }}\n    >\n      {logo ? (\n        <img\n          height={64}\n          src={logo}\n          width={64}\n          style={{ objectFit: \"contain\" }}\n        />\n      ) : (\n        <div\n          style={{\n            backgroundColor: \"#ffffff\",\n            borderRadius: \"12px\",\n            height: \"64px\",\n            width: \"64px\",\n          }}\n        />\n      )}\n      <span\n        style={{\n          fontSize: \"32px\",\n          fontWeight: 600,\n          letterSpacing: \"-0.02em\",\n        }}\n      >\n        {brand}\n      </span>\n    </div>\n\n    {/* Title + Description */}\n    <div\n      style={{\n        borderTop: \"2px solid #27272a\",\n        bottom: \"96px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"flex-end\",\n        left: 0,\n        position: \"absolute\",\n        right: 0,\n        top: \"160px\",\n      }}\n    >\n      <div\n        style={{\n          borderBottom: \"2px solid #27272a\",\n          borderTop: \"2px solid #27272a\",\n          display: \"flex\",\n          fontSize: title.length > 60 ? 52 : 64,\n          fontWeight: 600,\n          letterSpacing: \"-0.025em\",\n          lineHeight: 1,\n          padding: \"0px 72px\",\n          textWrap: \"balance\",\n        }}\n      >\n        {title}\n      </div>\n      {description ? (\n        <div\n          style={{\n            borderBottom: \"2px solid #27272a\",\n            color: \"#a1a1aa\",\n            display: \"flex\",\n            fontSize: \"28px\",\n            fontWeight: 400,\n            lineHeight: 1.25,\n            padding: \"32px 72px\",\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-6.tsx"
    }
  ],
  "type": "registry:component"
}