import { jsx as s } from "react/jsx-runtime";
import { t } from "../../classix-DG18itHa.js";
import '../../assets/index39.css';const l = "_loading_2k531_23", _ = "_spin_2k531_1", p = "_ping_2k531_39", e = "_sticky_2k531_65", o = {
  loading: l,
  default: "_default_2k531_28",
  spin: _,
  ping: p,
  sticky: e
}, k = ({
  variant: i = "default",
  size: n,
  sticky: a = !1,
  ...d
}) => {
  const c = {
    "--border-size": n ? n / 8 + "px" : void 0,
    "--size": n ? n + "px" : void 0
  };
  return /* @__PURE__ */ s("div", { className: t(o.loading, a && o.sticky), "data-component": "loading", children: /* @__PURE__ */ s("span", { className: t(o.loading, o[i]), style: c, ...d }) });
};
export {
  k as Loading
};
//# sourceMappingURL=index.js.map
