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

Collection of reusable components that can be used in web projects

"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),o=require("clsx");;/* empty css               */const m=require("./types.cjs"),r=u.forwardRef((n,c)=>{const{className:l,label:i,size:s="default",fullpage:a=!1}=n,p=`${typeof s=="number"?s:m.ESpinnerSize[s]}px`,t=o("xtrSpinner",a&&"fullpage",l);return e.jsxs("div",{ref:c,className:t,style:{"--spinnerSize":p},role:"progressbar",children:[e.jsxs("div",{className:"spinnerWrapper",children:[e.jsx("div",{className:"cubeTop"}),e.jsxs("div",{className:"cubeWrapper",children:[e.jsx("span",{className:"cubeFace"}),e.jsx("span",{className:"cubeFace"}),e.jsx("span",{className:"cubeFace"}),e.jsx("span",{className:"cubeFace"})]})]}),a&&e.jsx("span",{className:"label",children:i})]})});r.displayName="Spinner";exports.Spinner=r;