import{d as m,M as k,a as i,o as t,F as y,B as x,b as s,g as d,z as f,t as g,J as b,u as r,w as l,e,h as v}from"./app-D_cNhTOt.js";import{c as o}from"./createLucideIcon-1FJ9MNCd.js";import{_ as M,a as w}from"./Layout.vue_vue_type_script_setup_true_lang-DjW-rI9y.js";import{_ as I}from"./AppLayout.vue_vue_type_script_setup_true_lang-kdLGGf-_.js";import{c as A}from"./index-Z7dItZLR.js";import"./AppLogoIcon.vue_vue_type_script_setup_true_lang-BbjSNLws.js";import"./useForwardExpose-4P0NPntM.js";import"./index-CTpRNI-n.js";import"./index-KOXzqeVR.js";import"./index-C0lT1AXe.js";import"./VisuallyHidden-V0BOAZdg.js";import"./RovingFocusGroup-Ciyu9vLm.js";import"./useArrowNavigation-C6Y-ieo6.js";/**
 * @license lucide-vue-next v0.468.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const C=o("MonitorIcon",[["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"}]]);/**
 * @license lucide-vue-next v0.468.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const $=o("MoonIcon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/**
 * @license lucide-vue-next v0.468.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const B=o("SunIcon",[["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"}]]),z={class:"inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800"},S=["onClick"],D={class:"ml-1.5 text-sm"},L=m({__name:"AppearanceTabs",setup(u){const{appearance:a,updateAppearance:c}=k(),p=[{value:"light",Icon:B,label:"Light"},{value:"dark",Icon:$,label:"Dark"},{value:"system",Icon:C,label:"System"}];return(q,F)=>(t(),i("div",z,[(t(),i(y,null,x(p,({value:n,Icon:h,label:_})=>s("button",{key:n,onClick:N=>r(c)(n),class:b(["flex items-center rounded-md px-3.5 py-1.5 transition-colors",r(a)===n?"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"])},[(t(),d(f(h),{class:"-ml-1 h-4 w-4"})),s("span",D,g(_),1)],10,S)),64))]))}}),j={class:"space-y-6"},W=m({__name:"Appearance",setup(u){const a=[{title:"Appearance settings",href:A().url}];return(c,p)=>(t(),d(I,{breadcrumbs:a},{default:l(()=>[e(r(v),{title:"Appearance settings"}),e(M,null,{default:l(()=>[s("div",j,[e(w,{title:"Appearance settings",description:"Update your account's appearance settings"}),e(L)])]),_:1})]),_:1}))}});export{W as default};
