xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 1.08 kB
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),S=require("react"),C=require("clsx"),q=require("../../base/ColorPopper/ColorPopper.cjs"),f=require("../../context/useContext.cjs"),b=require("../../hooks/useScreen.cjs"),w=require("../../../utils/helper/colorHelper.cjs"),x=require("../../../utils/constants/theme.cjs");;/* empty css */const s=S.forwardRef((l,c)=>{const{className:i,input:t,size:r,withScheme:n=!0,withSwatch:u=!0,withWheel:h=!0}=l,{themeScheme:a,setThemeScheme:m,themeColor:e,setThemeColor:p}=f.useXTheme(),o=b.useScreenType(),d=C("xtrThemeSelect",i);return!e||!w.isValidThemeColor(e)?null:T.jsx(q.ColorPopper,{ref:c,className:d,placeholder:"Theme",alpha:!1,hideWheel:!h,swatch:u?Object.values(x.ThemeColorsPreset):void 0,colorHeading:"Theme Color",schemeHeading:n?"Appearance":void 0,themeScheme:a,input:t||(o.isMobile?"button":"textfield"),size:r||(o.isMobile?"mini":"default"),setThemeScheme:m,color:e,setColor:p})});s.displayName="ThemeSelect";exports.ThemeSelect=s;