{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo",
  "title": "Logo",
  "description": "A centered brand Open Graph image with a logo tile, a large wordmark, and an optional tagline on a soft gradient field.",
  "registryDependencies": [
    "https://ogimagecn.com/r/brand-mark.json"
  ],
  "files": [
    {
      "path": "registry/blocks/logo/index.tsx",
      "content": "import { BrandMark } from \"@/components/og/brand-mark\";\n\nexport interface LogoProps {\n  brand: string;\n  tagline?: string;\n  monogram?: string;\n  background: string;\n  logo?: string;\n}\n\nexport const Logo = ({\n  brand,\n  tagline,\n  monogram,\n  background,\n  logo = \"\",\n}: LogoProps) => {\n  const isColor = background.startsWith(\"#\");\n\n  return (\n    <div\n      style={{\n        alignItems: \"center\",\n        backgroundColor: isColor ? background : \"#09090b\",\n        backgroundImage: isColor\n          ? `radial-gradient(circle at 50% 50%, rgba(124,58,237,0.2), transparent 60%)`\n          : background,\n        color: \"#fafafa\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        justifyContent: \"center\",\n        width: \"100%\",\n      }}\n    >\n      <BrandMark\n        background=\"#7c3aed\"\n        radius={28}\n        size={140}\n        src={logo}\n        style={\n          logo\n            ? undefined\n            : {\n                boxShadow: \"0 24px 80px rgba(124,58,237,0.33)\",\n                color: \"#ffffff\",\n                fontSize: \"72px\",\n                fontWeight: 800,\n              }\n        }\n      >\n        {monogram}\n      </BrandMark>\n\n      <div\n        style={{\n          display: \"flex\",\n          fontSize: \"96px\",\n          fontWeight: 800,\n          letterSpacing: \"-0.04em\",\n          marginTop: \"44px\",\n        }}\n      >\n        {brand}\n      </div>\n\n      {tagline ? (\n        <div\n          style={{\n            color: \"#a1a1aa\",\n            display: \"flex\",\n            fontSize: \"32px\",\n            marginTop: \"16px\",\n          }}\n        >\n          {tagline}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n",
      "type": "registry:component",
      "target": "components/og/logo.tsx"
    }
  ],
  "categories": [
    "product"
  ],
  "type": "registry:block"
}