UNPKG

@transkripid/flowbite-react

Version:

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

3 lines (2 loc) 1.99 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),H=require("react/compiler-runtime"),C=require("react-icons/hi"),I=require("tailwind-merge"),L=require("../../hooks/use-is-mounted.js"),R=require("../../helpers/merge-deep.js"),O=require("../../hooks/use-theme-mode.js"),P=require("../../theme-store/index.js"),S=f=>{const e=H.c(41);let o,l,t,k,M;e[0]!==f?({className:o,theme:t,iconDark:k,iconLight:M,...l}=f,e[0]=f,e[1]=o,e[2]=l,e[3]=t,e[4]=k,e[5]=M):(o=e[1],l=e[2],t=e[3],k=e[4],M=e[5]);let b;e[6]!==t?(b=t===void 0?{}:t,e[6]=t,e[7]=b):b=e[7];const v=b,y=k===void 0?C.HiSun:k,j=M===void 0?C.HiMoon:M,p=L.useIsMounted(),{computedMode:q,toggleMode:x}=O.useThemeMode();let r,i,s,a,n,c,d,u,g,m,h;if(e[8]!==y||e[9]!==j||e[10]!==o||e[11]!==q||e[12]!==v||e[13]!==p||e[14]!==l||e[15]!==x){const N=R.mergeDeep(P.getTheme().darkThemeToggle,v);m="button",h="Toggle dark mode",i="dark-theme-toggle",s=I.twMerge(N.root.base,o),a=x,n=l,c=w.jsx(y,{"aria-label":"Currently dark mode","data-active":p&&q==="dark",className:I.twMerge(N.root.icon,"hidden dark:block")}),r=j,d="Currently light mode",u=p&&q==="light",g=I.twMerge(N.root.icon,"dark:hidden"),e[8]=y,e[9]=j,e[10]=o,e[11]=q,e[12]=v,e[13]=p,e[14]=l,e[15]=x,e[16]=r,e[17]=i,e[18]=s,e[19]=a,e[20]=n,e[21]=c,e[22]=d,e[23]=u,e[24]=g,e[25]=m,e[26]=h}else r=e[16],i=e[17],s=e[18],a=e[19],n=e[20],c=e[21],d=e[22],u=e[23],g=e[24],m=e[25],h=e[26];let T;e[27]!==r||e[28]!==d||e[29]!==u||e[30]!==g?(T=w.jsx(r,{"aria-label":d,"data-active":u,className:g}),e[27]=r,e[28]=d,e[29]=u,e[30]=g,e[31]=T):T=e[31];let D;return e[32]!==i||e[33]!==s||e[34]!==a||e[35]!==n||e[36]!==c||e[37]!==T||e[38]!==m||e[39]!==h?(D=w.jsxs("button",{type:m,"aria-label":h,"data-testid":i,className:s,onClick:a,...n,children:[c,T]}),e[32]=i,e[33]=s,e[34]=a,e[35]=n,e[36]=c,e[37]=T,e[38]=m,e[39]=h,e[40]=D):D=e[40],D};S.displayName="DarkThemeToggle";exports.DarkThemeToggle=S; //# sourceMappingURL=DarkThemeToggle.js.map