import { jsxs, jsx } from "react/jsx-runtime";
import { cn } from "../utils/cn.js";
const StSpinner = ({ width = 24, height = 24, color, style, ...otherProps }) => /* @__PURE__ */ jsxs("svg", { id: "icon_StSpinner", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width, height, style: {
  ...color && {
    "--stroke-color": color,
    "--stroke-fg-color": color
  },
  ...style
}, ...otherProps, children: [
  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3490_2142)", children: [
    /* @__PURE__ */ jsx("path", { d: "M20.6603 17C17.8988 21.7829 11.7829 23.4217 7.00001 20.6603C2.21708 17.8988 0.578328 11.7829 3.33975 7", stroke: "var(--stroke-color, currentColor)", strokeWidth: "var(--stroke-width, 1.5)", vectorEffect: "non-scaling-stroke", strokeLinecap: "round" }),
    /* @__PURE__ */ jsx("path", { opacity: 0.2, d: "M3.33977 7C6.1012 2.21707 12.2171 0.578322 17 3.33975C21.783 6.10117 23.4217 12.2171 20.6603 17", stroke: "var(--stroke-color, currentColor)", strokeWidth: "var(--stroke-width, 1.5)", vectorEffect: "non-scaling-stroke", strokeLinecap: "round" })
  ] }),
  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_3490_2142", children: /* @__PURE__ */ jsx("rect", { width: 24, height: 24, fill: "white" }) }) })
] });
StSpinner.displayName = "StSpinner";
const Spinner = ({ size = 24, ...props }) => {
  return /* @__PURE__ */ jsx(
    StSpinner,
    {
      className: cn("animate-spin", props.className),
      width: size,
      height: size,
      ...props
    }
  );
};
export {
  Spinner
};
