{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "owner",
  "title": "Owner",
  "description": "A clean Open Graph image with a light background, eyebrow text, bold headline, and three rounded photos at the bottom.",
  "files": [
    {
      "path": "registry/components/owner/index.tsx",
      "content": "export interface OwnerProps {\n  eyebrow: string;\n  title: string;\n  brand: string;\n  images: string[];\n  logo?: string;\n}\n\nexport const Owner = ({ eyebrow, title, brand, images, logo }: OwnerProps) => (\n  <div\n    style={{\n      backgroundColor: \"#f5f5f5\",\n      color: \"#1a1a1a\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      padding: \"8px\",\n      width: \"100%\",\n    }}\n  >\n    <div\n      style={{\n        backgroundColor: \"#ffffff\",\n        borderRadius: \"56px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        overflow: \"hidden\",\n        padding: \"48px\",\n        position: \"relative\",\n        width: \"100%\",\n      }}\n    >\n      <div\n        style={{\n          color: \"#a3a3a3\",\n          display: \"flex\",\n          fontSize: \"64px\",\n          fontWeight: 600,\n          letterSpacing: \"-0.03em\",\n          lineHeight: 1.05,\n        }}\n      >\n        {eyebrow}\n      </div>\n\n      <div\n        style={{\n          display: \"flex\",\n          fontSize: \"64px\",\n          fontWeight: 600,\n          letterSpacing: \"-0.03em\",\n          lineHeight: 1.05,\n          maxWidth: \"800px\",\n        }}\n      >\n        {title}\n      </div>\n\n      <div\n        style={{\n          alignItems: \"flex-end\",\n          bottom: \"0px\",\n          display: \"flex\",\n          gap: \"16px\",\n          left: \"48px\",\n          position: \"absolute\",\n          right: \"48px\",\n        }}\n      >\n        {images.map((src, i) => (\n          <div\n            key={i}\n            style={{\n              borderRadius: \"24px 24px 0 0\",\n              display: \"flex\",\n              flex: 1,\n              height: i === 1 ? \"300px\" : \"260px\",\n              overflow: \"hidden\",\n            }}\n          >\n            <img\n              alt=\"\"\n              src={src}\n              style={{\n                borderRadius: \"24px 24px 0 0\",\n                height: \"100%\",\n                objectFit: \"cover\",\n                width: \"100%\",\n              }}\n            />\n          </div>\n        ))}\n      </div>\n\n      <div\n        style={{\n          alignItems: \"center\",\n          display: \"flex\",\n          gap: \"8px\",\n          position: \"absolute\",\n          right: \"36px\",\n          top: \"36px\",\n        }}\n      >\n        {logo ? (\n          <img\n            alt=\"\"\n            height={32}\n            src={logo}\n            width={32}\n            style={{\n              borderRadius: \"8px\",\n              objectFit: \"contain\",\n            }}\n          />\n        ) : (\n          <div\n            style={{\n              backgroundColor: \"#1a1a1a\",\n              borderRadius: \"8px\",\n              height: \"32px\",\n              width: \"32px\",\n            }}\n          />\n        )}\n        <div\n          style={{\n            fontSize: \"28px\",\n            fontWeight: 600,\n            letterSpacing: \"-0.03em\",\n          }}\n        >\n          {brand}\n        </div>\n      </div>\n    </div>\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/owner.tsx"
    }
  ],
  "type": "registry:component"
}