import{d as _,W as f,_ as y,o as s,k as d,F as g,v as x,z as u,n as p,c as h,N as v,t as A,j as S,a as m,l as n}from"./app-DZcRemIr.js";import{c as l}from"./SiifIconBC3-DYQKLzWx.js";import{S as w,H as I}from"./Layout-mLgnxqwV.js";import{A as M}from"./AppLayout-O17sF3e2.js";import"./index-CA0zsXLm.js";import"./AppSidebarLayout-DzMma2g7.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 j=l("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 L=l("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 C=l("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"}]]),H=_({__name:"AppearanceTabs",props:{class:{type:String,required:!1,default:""}},setup(c,{expose:a}){a();const{appearance:t,updateAppearance:e}=f(),r={appearance:t,updateAppearance:e,tabs:[{value:"light",Icon:C,label:"Light"},{value:"dark",Icon:L,label:"Dark"},{value:"system",Icon:j,label:"System"}]};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}}),z=["onClick"],B={class:"ml-1.5 text-sm"};function T(c,a,t,e,i,r){return s(),d("div",{class:u(["inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800",t.class])},[(s(),d(g,null,x(e.tabs,({value:o,Icon:b,label:k})=>p("button",{key:o,onClick:O=>e.updateAppearance(o),class:u(["flex items-center rounded-md px-3.5 py-1.5 transition-colors",e.appearance===o?"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"])},[(s(),h(v(b),{class:"-ml-1 h-4 w-4"})),p("span",B,A(k),1)],10,z)),64))],2)}const q=y(H,[["render",T],["__file","/var/www/resources/js/components/AppearanceTabs.vue"]]),D=_({__name:"Appearance",setup(c,{expose:a}){a();const e={breadcrumbItems:[{title:"Appearance settings",href:"/settings/appearance"}],get Head(){return S},AppearanceTabs:q,HeadingSmall:I,AppLayout:M,SettingsLayout:w};return Object.defineProperty(e,"__isScriptSetup",{enumerable:!1,value:!0}),e}}),N={class:"space-y-6"};function F(c,a,t,e,i,r){return s(),h(e.AppLayout,{breadcrumbs:e.breadcrumbItems},{default:m(()=>[n(e.Head,{title:"Appearance settings"}),n(e.SettingsLayout,null,{default:m(()=>[p("div",N,[n(e.HeadingSmall,{title:"Appearance settings",description:"Update your account's appearance settings"}),n(e.AppearanceTabs)])]),_:1})]),_:1})}const Z=y(D,[["render",F],["__file","/var/www/resources/js/pages/settings/Appearance.vue"]]);export{Z as default};
