xtreme-ui/dist/storybook/assets/Spinner-Dk4g5PRg.js

Collection of reusable components that can be used in web projects

import{r as m,j as a}from"./iframe-5Rr_RUeM.js";import{c as d}from"./clsx-B-dksMZM.js";var n=(e=>(e[e.mini=64]="mini",e[e.default=96]="default",e[e.large=128]="large",e))(n||{});const l=m.forwardRef((e,c)=>{const{className:p,label:i,size:s="default",fullpage:r=!1}=e,t=`${typeof s=="number"?s:n[s]}px`,u=d("xtrSpinner",r&&"fullpage",p);return a.jsxs("div",{ref:c,className:u,style:{"--spinnerSize":t},role:"progressbar",children:[a.jsxs("div",{className:"spinnerWrapper",children:[a.jsx("div",{className:"cubeTop"}),a.jsxs("div",{className:"cubeWrapper",children:[a.jsx("span",{className:"cubeFace"}),a.jsx("span",{className:"cubeFace"}),a.jsx("span",{className:"cubeFace"}),a.jsx("span",{className:"cubeFace"})]})]}),r&&a.jsx("span",{className:"label",children:i})]})});l.displayName="Spinner";try{l.displayName="Spinner",l.__docgenInfo={description:"",displayName:"Spinner",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'number | "mini" | "default" | "large"'}},fullpage:{defaultValue:null,description:"",name:"fullpage",required:!1,type:{name:"boolean"}}}}}catch{}export{l as S};