import{a as e,n as t,r as n,t as r}from"./createLucideIcon-XxmMb-o2.js";import{t as i}from"./utils-CCDJ05Ll.js";import{A as a,n as o,r as s}from"./app-BvqieymH.js";var c=r(`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=r(`Moon`,[[`path`,{d:`M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z`,key:`a7tn18`}]]),u=r(`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=n(),f=t();function p({className:e=``,...t}){let{appearance:n,updateAppearance:r}=a(),o=[{value:`light`,icon:u,label:`Light`},{value:`dark`,icon:l,label:`Dark`},{value:`system`,icon:c,label:`System`}];return(0,f.jsx)(`div`,{className:i(`inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800`,e),...t,children:o.map(({value:e,icon:t,label:a})=>(0,f.jsxs)(`button`,{onClick:()=>r(e),className:i(`flex items-center rounded-md px-3.5 py-1.5 transition-colors`,n===e?`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)(t,{className:`-ml-1 h-4 w-4`}),(0,f.jsx)(`span`,{className:`ml-1.5 text-sm`,children:a})]},e))})}function m(){let t=(0,d.c)(3),n,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,f.jsx)(e,{title:`Appearance settings`}),r=(0,f.jsx)(`h1`,{className:`sr-only`,children:`Appearance settings`}),t[0]=n,t[1]=r):(n=t[0],r=t[1]);let i;return t[2]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,f.jsxs)(f.Fragment,{children:[n,r,(0,f.jsxs)(`div`,{className:`space-y-6`,children:[(0,f.jsx)(s,{variant:`small`,title:`Appearance settings`,description:`Update the appearance settings for your account`}),(0,f.jsx)(p,{})]})]}),t[2]=i):i=t[2],i}m.layout={breadcrumbs:[{title:`Appearance settings`,href:o()}]};export{m as default};