xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 1.74 kB
JavaScript
import{r as f,d as T,j as v,T as y}from"./iframe-5Rr_RUeM.js";import{c as w}from"./clsx-B-dksMZM.js";import{C as S}from"./ColorPopper-KBShkTdt.js";import{u as b,i as x}from"./useScreen-BR45ve_F.js";const a=f.forwardRef((l,r)=>{const{className:o,input:t,size:i,withScheme:n=!0,withSwatch:u=!0,withWheel:m=!0}=l,{themeScheme:c,setThemeScheme:d,themeColor:e,setThemeColor:h}=T(),s=b(),p=w("xtrThemeSelect",o);return!e||!x(e)?null:v.jsx(S,{ref:r,className:p,placeholder:"Theme",alpha:!1,hideWheel:!m,swatch:u?Object.values(y):void 0,colorHeading:"Theme Color",schemeHeading:n?"Appearance":void 0,themeScheme:c,input:t||(s.isMobile?"button":"textfield"),size:i||(s.isMobile?"mini":"default"),setThemeScheme:d,color:e,setColor:h})});a.displayName="ThemeSelect";try{a.displayName="ThemeSelect",a.__docgenInfo={description:"",displayName:"ThemeSelect",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},input:{defaultValue:null,description:"",name:"input",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"buttonLabel"'},{value:'"textfield"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"mini"'},{value:'"default"'}]}},withScheme:{defaultValue:null,description:"",name:"withScheme",required:!1,type:{name:"boolean"}},withSwatch:{defaultValue:null,description:"",name:"withSwatch",required:!1,type:{name:"boolean"}},withWheel:{defaultValue:null,description:"",name:"withWheel",required:!1,type:{name:"boolean"}},iconType:{defaultValue:null,description:"",name:"iconType",required:!1,type:{name:"enum",value:[{value:'"thin"'},{value:'"light"'},{value:'"regular"'},{value:'"solid"'},{value:'"semibold"'}]}}}}}catch{}export{a as T};