import { jsx, jsxs } from "react/jsx-runtime";
import { forwardRef, useId } from "react";
import { ExperimentalIcon } from "../experimental/Icon.js";
const NextJS = forwardRef(
  (props, forwardedRef) => {
    const uniqueId = useId();
    return /* @__PURE__ */ jsx(ExperimentalIcon, { ref: forwardedRef, alt: "Next.js", "data-name": "NextJS", ...props, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", children: [
      /* @__PURE__ */ jsx("path", { fill: "#000", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10" }),
      /* @__PURE__ */ jsx(
        "path",
        {
          fill: `url(#${uniqueId}-a)`,
          d: "M18.612 19.502 9.682 8H8v7.997h1.346V9.709l8.21 10.607q.556-.373 1.056-.814"
        }
      ),
      /* @__PURE__ */ jsx("path", { fill: `url(#${uniqueId}-b)`, d: "M16.111 8h-1.333v8h1.333z" }),
      /* @__PURE__ */ jsxs("defs", { children: [
        /* @__PURE__ */ jsxs(
          "linearGradient",
          {
            id: `${uniqueId}-a`,
            x1: "14.111",
            x2: "18.056",
            y1: "14.944",
            y2: "19.833",
            gradientUnits: "userSpaceOnUse",
            children: [
              /* @__PURE__ */ jsx("stop", { stopColor: "#fff" }),
              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0" })
            ]
          }
        ),
        /* @__PURE__ */ jsxs(
          "linearGradient",
          {
            id: `${uniqueId}-b`,
            x1: "15.444",
            x2: "15.422",
            y1: "8",
            y2: "13.875",
            gradientUnits: "userSpaceOnUse",
            children: [
              /* @__PURE__ */ jsx("stop", { stopColor: "#fff" }),
              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0" })
            ]
          }
        )
      ] })
    ] }) });
  }
);
NextJS.displayName = "NextJS";
Object.assign(NextJS, { isGdsIcon: true });
export {
  NextJS
};
