keys={["celeb", "general"]}
defs={[
linearGradientDef("gradientA", [
{ offset: 0, color: "#ff8000" },
{ offset: 100, color: "#f9b917", opacity: 0 },
]),
linearGradientDef(
"gradientB",
[
{ offset: 0, color: "#222" },
{ offset: 100, color: "#22222250" },
],
{
gradientTransform: "rotate(90 0.5 0.5)",
}
),
]}
fill={[
{ match: { id: "general" }, id: "gradientA" },
{ match: { id: "celeb" }, id: "gradientB" },
]}