import{n as e,t}from"./jsx-runtime-BrKkGzFB.js";import{t as n}from"./utils--B3oMbdy.js";import{Et as r,it as i,n as a,t as o,wt as s}from"./app-KzKSswgw.js";var c=s(`Monitor`,[[`rect`,{width:`20`,height:`14`,x:`2`,y:`3`,rx:`2`,key:`48i651`}],[`line`,{x1:`8`,x2:`16`,y1:`21`,y2:`21`,key:`1svkeh`}],[`line`,{x1:`12`,x2:`12`,y1:`17`,y2:`21`,key:`vw1qmm`}]]),l=s(`Moon`,[[`path`,{d:`M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z`,key:`a7tn18`}]]),u=s(`Sun`,[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M12 2v2`,key:`tus03m`}],[`path`,{d:`M12 20v2`,key:`1lh1kg`}],[`path`,{d:`m4.93 4.93 1.41 1.41`,key:`149t6j`}],[`path`,{d:`m17.66 17.66 1.41 1.41`,key:`ptbguv`}],[`path`,{d:`M2 12h2`,key:`1t8f8n`}],[`path`,{d:`M20 12h2`,key:`1q8mjw`}],[`path`,{d:`m6.34 17.66-1.41 1.41`,key:`1m8zz5`}],[`path`,{d:`m19.07 4.93-1.41 1.41`,key:`1shlcs`}]]),d=e(),f=t();function p(e){let t=(0,d.c)(13),r,a;t[0]===e?(r=t[1],a=t[2]):({className:a,...r}=e,t[0]=e,t[1]=r,t[2]=a);let o=a===void 0?``:a,{appearance:s,updateAppearance:p}=i(),m;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(m=[{value:`light`,icon:u,label:`Light`},{value:`dark`,icon:l,label:`Dark`},{value:`system`,icon:c,label:`System`}],t[3]=m):m=t[3];let h=m,g;t[4]===o?g=t[5]:(g=n(`inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800`,o),t[4]=o,t[5]=g);let _;t[6]!==s||t[7]!==p?(_=h.map(e=>{let{value:t,icon:r,label:i}=e;return(0,f.jsxs)(`button`,{onClick:()=>p(t),className:n(`flex items-center rounded-md px-3.5 py-1.5 transition-colors`,s===t?`bg-white shadow-xs dark:bg-neutral-700 dark:text-neutral-100`:`text-neutral-500 hover:bg-neutral-200/60 hover:text-black dark:text-neutral-400 dark:hover:bg-neutral-700/60`),children:[(0,f.jsx)(r,{className:`-ml-1 h-4 w-4`}),(0,f.jsx)(`span`,{className:`ml-1.5 text-sm`,children:i})]},t)}),t[6]=s,t[7]=p,t[8]=_):_=t[8];let v;return t[9]!==r||t[10]!==g||t[11]!==_?(v=(0,f.jsx)(`div`,{className:g,...r,children:_}),t[9]=r,t[10]=g,t[11]=_,t[12]=v):v=t[12],v}function m(){let e=(0,d.c)(3),t,n;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,f.jsx)(r,{title:`Appearance settings`}),n=(0,f.jsx)(`h1`,{className:`sr-only`,children:`Appearance settings`}),e[0]=t,e[1]=n):(t=e[0],n=e[1]);let i;return e[2]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,f.jsxs)(f.Fragment,{children:[t,n,(0,f.jsxs)(`div`,{className:`space-y-6`,children:[(0,f.jsx)(a,{variant:`small`,title:`Appearance settings`,description:`Update your account's appearance settings`}),(0,f.jsx)(p,{})]})]}),e[2]=i):i=e[2],i}m.layout={breadcrumbs:[{title:`Appearance settings`,href:o()}]};export{m as default};