import { jsx as p } from "react/jsx-runtime";
import { c as t } from "./bind-CU-R61T-.mjs";
const a = "_rotate_12t9p_1", l = "_dash_12t9p_1", o = {
  "purpur-spinner": "_purpur-spinner_12t9p_2",
  rotate: a,
  "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
  "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
  "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
  "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
  "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
  "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
  dash: l,
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
}, s = t.bind(o), r = "purpur-spinner", e = {
  XXS: "xxs",
  XS: "xs",
  SM: "sm",
  MD: "md",
  LG: "lg"
}, S = Object.values(e), d = ({
  disabled: n = !1,
  negative: _ = !1,
  size: i = e.SM,
  className: u,
  ...c
}) => /* @__PURE__ */ p("div", { className: s(r, `${r}--${i}`, u), ...c, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
  "circle",
  {
    className: s(`${r}__circle`, {
      [`${r}__circle--disabled`]: n,
      [`${r}__circle--negative`]: _
    }),
    cx: "25",
    cy: "25",
    r: "20"
  }
) }) });
d.displayName = "Spinner";
export {
  e as S,
  d as a,
  S as s
};
//# sourceMappingURL=spinner-DRQN6YdK.mjs.map
