@theguild/components/dist/components/decorations/highlight-decoration.js

import { jsx, jsxs } from "react/jsx-runtime";
const SvgHighlightDecoration = (props) => /* @__PURE__ */ jsxs("svg", { width: 895, height: 674, viewBox: "0 0 895 674", fill: "#86B6C1", className: "firefox-highlight-fix", ...props, children: [
  /* @__PURE__ */ jsx("g", { filter: "url(#filter0_f_711_1774)", children: /* @__PURE__ */ jsx("path", { d: "M350 280.534C350 296.208 356.24 311.261 367.33 322.351L453.447 408.468L463.532 418.553L549.649 504.67C560.739 515.76 575.792 522 591.466 522L894 522L894 408.468L552.251 408.468C503.249 408.468 463.532 368.751 463.532 319.749L463.532 -22L350 -22L350 280.534Z" }) }),
  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "filter0_f_711_1774", x: -305176e-10, y: -372, width: 1244, height: 1244, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
    /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
    /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
    /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 175, result: "effect1_foregroundBlur_711_1774" })
  ] }) }),
  /* @__PURE__ */ jsx("style", { children: "@supports (-moz-appearance: none) {\n      .firefox-highlight-fix {\n        opacity: 0.3;\n        filter: blur(175px);\n      }\n    }" })
] });
export {
  SvgHighlightDecoration as ReactComponent
};