import "../chunk-CIGAQ47A.js";

// src/icons/LoadingSpinner.tsx
import { nanoid } from "nanoid";
import { useRef } from "react";
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
var LoadingSpinner = () => {
  const idRef = useRef(nanoid());
  const id = idRef.current;
  return /* @__PURE__ */ jsxs(
    "svg",
    {
      width: "100%",
      viewBox: "0 0 17 17",
      fill: "none",
      xmlns: "http://www.w3.org/2000/svg",
      children: [
        /* @__PURE__ */ jsxs("g", { clipPath: `url(#clip0_448_7848)-${id})`, children: [
          /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "7", stroke: "#E6E6E6", strokeWidth: "2" }),
          /* @__PURE__ */ jsx(
            "path",
            {
              d: "M8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5",
              stroke: "black",
              strokeWidth: "2",
              strokeLinecap: "round"
            }
          ),
          /* @__PURE__ */ jsx(
            "mask",
            {
              id: `mask0_448_7848-${id}`,
              style: { maskType: "alpha" },
              maskUnits: "userSpaceOnUse",
              x: "0",
              y: "0",
              width: "10",
              height: "17",
              children: /* @__PURE__ */ jsx(
                "path",
                {
                  d: "M8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5",
                  stroke: "black",
                  strokeWidth: "2",
                  strokeLinecap: "round"
                }
              )
            }
          ),
          /* @__PURE__ */ jsxs("g", { mask: `url(#mask0_448_7848-${id})`, children: [
            /* @__PURE__ */ jsx("g", { filter: `url(#filter0_f_448_7848)-${id})`, children: /* @__PURE__ */ jsx(
              "ellipse",
              {
                cx: "9",
                cy: "4",
                rx: "47",
                ry: "19",
                fill: `url(#paint0_radial_448_7848-${id})`
              }
            ) }),
            /* @__PURE__ */ jsx("g", { filter: `url(#filter1_f_448_7848)-${id})`, children: /* @__PURE__ */ jsx(
              "ellipse",
              {
                cx: "9.5",
                cy: "-6.5",
                rx: "31.5",
                ry: "25.5",
                fill: `url(#paint1_radial_448_7848-${id})`
              }
            ) })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("defs", { children: [
          /* @__PURE__ */ jsxs(
            "filter",
            {
              id: `filter0_f_448_7848-${id}`,
              x: "-44",
              y: "-21",
              width: "106",
              height: "50",
              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: "3",
                    result: "effect1_foregroundBlur_448_7848"
                  }
                )
              ]
            }
          ),
          /* @__PURE__ */ jsxs(
            "filter",
            {
              id: `filter1_f_448_7848-${id}`,
              x: "-28",
              y: "-38",
              width: "75",
              height: "63",
              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: "3",
                    result: "effect1_foregroundBlur_448_7848"
                  }
                )
              ]
            }
          ),
          /* @__PURE__ */ jsxs(
            "radialGradient",
            {
              id: `paint0_radial_448_7848-${id}`,
              cx: "0",
              cy: "0",
              r: "1",
              gradientUnits: "userSpaceOnUse",
              gradientTransform: "translate(9.09573 3.9613) rotate(161.271) scale(31.3334 19.6551)",
              children: [
                /* @__PURE__ */ jsx("stop", { stopColor: "#0066FF" }),
                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0066FF", stopOpacity: "0" })
              ]
            }
          ),
          /* @__PURE__ */ jsxs(
            "radialGradient",
            {
              id: `paint1_radial_448_7848-${id}`,
              cx: "0",
              cy: "0",
              r: "1",
              gradientUnits: "userSpaceOnUse",
              gradientTransform: "translate(9.56416 -6.55194) rotate(145.825) scale(24.0388 23.0445)",
              children: [
                /* @__PURE__ */ jsx("stop", { stopColor: "#FFC700" }),
                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#BF09FF", stopOpacity: "0" })
              ]
            }
          ),
          /* @__PURE__ */ jsx("clipPath", { id: `clip0_448_7848-${id}`, children: /* @__PURE__ */ jsx(
            "rect",
            {
              width: "16",
              height: "16",
              fill: "white",
              transform: "translate(0.5 0.5)"
            }
          ) })
        ] })
      ]
    }
  );
};
var LoadingSpinner_default = LoadingSpinner;
export {
  LoadingSpinner_default as default
};
