import { jsx as e } from "react/jsx-runtime";
import { V as c } from "./VisuallyHidden-ByNP7ZUI.mjs";
import { makeVariants as d } from "@spark-ui/internal-utils";
import { c as l } from "./index-BmAFn37q.mjs";
const u = {
  intent: "current",
  size: "current",
  isBackgroundVisible: !1
}, b = l(
  ["inline-block", "border-solid", "rounded-full", "border-md", "animate-spin"],
  {
    variants: {
      /**
       * Use `size` prop to set the size of the spinner. If you want to set the full size for the spinner, don't forget to add a wrapping container with its own size.
       */
      size: {
        current: ["u-current-font-size"],
        sm: ["w-sz-20", "h-sz-20"],
        md: ["w-sz-28", "h-sz-28"],
        full: ["w-full", "h-full"]
      },
      /**
       * Color scheme of the spinner.
       */
      intent: d({
        current: ["border-current"],
        main: ["border-main"],
        support: ["border-support"],
        accent: ["border-accent"],
        basic: ["border-basic"],
        success: ["border-success"],
        alert: ["border-alert"],
        error: ["border-error"],
        info: ["border-info"],
        neutral: ["border-neutral"]
      }),
      /**
       * Size of the button.
       */
      isBackgroundVisible: {
        true: ["border-b-neutral-container", "border-l-neutral-container"],
        false: ["border-b-transparent", "border-l-transparent"]
      }
    },
    defaultVariants: u
  }
), V = ({
  className: n,
  size: t = "current",
  intent: s = "current",
  label: r,
  isBackgroundVisible: o,
  ref: a,
  ...i
}) => /* @__PURE__ */ e(
  "span",
  {
    role: "status",
    "data-spark-component": "spinner",
    ref: a,
    className: b({ className: n, size: t, intent: s, isBackgroundVisible: o }),
    ...i,
    children: r && /* @__PURE__ */ e(c, { children: r })
  }
);
export {
  V as S
};
//# sourceMappingURL=Spinner-CYL5kyzM.mjs.map
