@theguild/components
Version:
33 lines (32 loc) • 1.44 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import { GRADIENT_GREEN_ID, GRADIENT_WHITE_2_ID, GRADIENT_WHITE_ID } from "./hero-gradient-ids";
function HeroGradientDefs() {
return /* @__PURE__ */ jsx(
"svg",
{
width: "96",
height: "96",
viewBox: "0 0 96 96",
xmlns: "http://www.w3.org/2000/svg",
className: "pointer-events-none absolute",
"aria-hidden": true,
children: /* @__PURE__ */ jsxs("defs", { children: [
/* @__PURE__ */ jsxs("linearGradient", { id: GRADIENT_GREEN_ID, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
/* @__PURE__ */ jsx("stop", { stopColor: "#3B736A" }),
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#15433C" })
] }),
/* @__PURE__ */ jsxs("linearGradient", { id: GRADIENT_WHITE_ID, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
/* @__PURE__ */ jsx("stop", { stopColor: "#fff", stopOpacity: "0.8" }),
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.4" })
] }),
/* @__PURE__ */ jsxs("linearGradient", { id: GRADIENT_WHITE_2_ID, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
/* @__PURE__ */ jsx("stop", { stopColor: "#fff", stopOpacity: "0.1" }),
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.5" })
] })
] })
}
);
}
export {
HeroGradientDefs
};