xtreme-ui/dist/components/base/Spinner/Spinner.js

Collection of reusable components that can be used in web projects

"use client";
import { jsxs as a, jsx as e } from "react/jsx-runtime";
import o from "clsx";
import { forwardRef as t } from "react";
import './spinner.css';/* empty css             */
import { ESpinnerSize as u } from "./types.js";
const d = t((n, c) => {
  const { className: l, label: p, size: s = "default", fullpage: r = !1 } = n, i = `${typeof s == "number" ? s : u[s]}px`, m = o("xtrSpinner", r && "fullpage", l);
  return /* @__PURE__ */ a("div", { ref: c, className: m, style: { "--spinnerSize": i }, role: "progressbar", children: [
    /* @__PURE__ */ a("div", { className: "spinnerWrapper", children: [
      /* @__PURE__ */ e("div", { className: "cubeTop" }),
      /* @__PURE__ */ a("div", { className: "cubeWrapper", children: [
        /* @__PURE__ */ e("span", { className: "cubeFace" }),
        /* @__PURE__ */ e("span", { className: "cubeFace" }),
        /* @__PURE__ */ e("span", { className: "cubeFace" }),
        /* @__PURE__ */ e("span", { className: "cubeFace" })
      ] })
    ] }),
    r && /* @__PURE__ */ e("span", { className: "label", children: p })
  ] });
});
d.displayName = "Spinner";
export {
  d as Spinner
};