{
  "$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.",
  "files": [
    {
      "path": "registry/components/logo/index.tsx",
      "content": "export 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      {logo ? (\n        <img\n          alt=\"\"\n          height={140}\n          src={logo}\n          width={140}\n          style={{\n            borderRadius: \"28px\",\n            objectFit: \"contain\",\n          }}\n        />\n      ) : (\n        <div\n          style={{\n            alignItems: \"center\",\n            backgroundColor: \"#7c3aed\",\n            borderRadius: \"28px\",\n            boxShadow: \"0 24px 80px rgba(124,58,237,0.33)\",\n            color: \"#ffffff\",\n            display: \"flex\",\n            fontSize: \"72px\",\n            fontWeight: 800,\n            height: \"140px\",\n            justifyContent: \"center\",\n            width: \"140px\",\n          }}\n        >\n          {monogram}\n        </div>\n      )}\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"
    }
  ],
  "type": "registry:component"
}