{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "event",
  "title": "Event",
  "description": "An event / launch Open Graph image with an eyebrow label, large title, and a date · location footer row.",
  "files": [
    {
      "path": "registry/components/event/index.tsx",
      "content": "export interface EventProps {\n  label: string;\n  brand: string;\n  title: string;\n  date: string;\n  location: string;\n  logo?: string;\n}\n\nexport const Event = ({\n  label,\n  brand,\n  title,\n  date,\n  location,\n  logo = \"\",\n}: EventProps) => (\n  <div\n    style={{\n      backgroundColor: \"#0a0a0a\",\n      backgroundImage:\n        \"radial-gradient(circle at 100% 0%, rgba(245,158,11,0.2), transparent 55%)\",\n      color: \"#fafafa\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"100%\",\n      justifyContent: \"space-between\",\n      padding: \"80px\",\n      width: \"100%\",\n    }}\n  >\n    <div\n      style={{\n        alignItems: \"center\",\n        display: \"flex\",\n        justifyContent: \"space-between\",\n      }}\n    >\n      <div\n        style={{\n          alignItems: \"center\",\n          backgroundColor: \"rgba(245,158,11,0.15)\",\n          border: \"1px solid rgba(245,158,11,0.4)\",\n          borderRadius: \"999px\",\n          color: \"#f59e0b\",\n          display: \"flex\",\n          fontSize: \"26px\",\n          fontWeight: 600,\n          gap: \"12px\",\n          letterSpacing: \"0.04em\",\n          padding: \"10px 22px\",\n          textTransform: \"uppercase\",\n        }}\n      >\n        <div\n          style={{\n            backgroundColor: \"#f59e0b\",\n            borderRadius: \"999px\",\n            height: \"12px\",\n            width: \"12px\",\n          }}\n        />\n        {label}\n      </div>\n      <div\n        style={{\n          alignItems: \"center\",\n          display: \"flex\",\n          gap: \"12px\",\n        }}\n      >\n        {logo ? (\n          <img\n            alt=\"\"\n            height={40}\n            src={logo}\n            width={40}\n            style={{\n              borderRadius: \"8px\",\n              objectFit: \"contain\",\n            }}\n          />\n        ) : (\n          <div\n            style={{\n              alignItems: \"center\",\n              backgroundColor: \"#f59e0b\",\n              borderRadius: \"8px\",\n              color: \"#0a0a0a\",\n              display: \"flex\",\n              fontSize: \"20px\",\n              fontWeight: 700,\n              height: \"40px\",\n              justifyContent: \"center\",\n              width: \"40px\",\n            }}\n          />\n        )}\n        <div\n          style={{\n            color: \"#a1a1aa\",\n            fontSize: \"28px\",\n            fontWeight: 600,\n          }}\n        >\n          {brand}\n        </div>\n      </div>\n    </div>\n\n    <div\n      style={{\n        display: \"flex\",\n        fontSize: title.length > 40 ? 72 : 88,\n        fontWeight: 700,\n        letterSpacing: \"-0.03em\",\n        lineHeight: 1.02,\n        maxWidth: \"1000px\",\n      }}\n    >\n      {title}\n    </div>\n\n    <div style={{ alignItems: \"center\", display: \"flex\", gap: \"20px\" }}>\n      <div\n        style={{\n          alignItems: \"center\",\n          display: \"flex\",\n          fontSize: \"30px\",\n          fontWeight: 600,\n          gap: \"14px\",\n        }}\n      >\n        <svg\n          fill=\"none\"\n          height=\"30\"\n          stroke=\"#f59e0b\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          width=\"30\"\n        >\n          <rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"4\" />\n          <path d=\"M16 2v4M8 2v4M3 10h18\" />\n        </svg>\n        {date}\n      </div>\n      <div style={{ color: \"#52525b\", display: \"flex\", fontSize: \"30px\" }}>\n        ·\n      </div>\n      <div style={{ color: \"#a1a1aa\", display: \"flex\", fontSize: \"30px\" }}>\n        {location}\n      </div>\n    </div>\n  </div>\n);\n",
      "type": "registry:component",
      "target": "components/og/event.tsx"
    }
  ],
  "type": "registry:component"
}