https://athleticschampionship.com/build/assets/Appearance-Rgm4iODC.js

1import{d as u,l as y,a as i,o as a,F as g,n as x,p as m,b as n,g as h,q as b,t as f,u as r,w as d,e,m as v}from"./app-BABStQy8.js";import{c}from"./AppLogoIcon.vue_vue_type_script_setup_true_lang-Dd66njpn.js";import{_ as M,a as w}from"./Layout.vue_vue_type_script_setup_true_lang-C1qR99lp.js";import{_ as I}from"./AppLayout.vue_vue_type_script_setup_true_lang-CWx-jc_9.js";import"./index-DRgZlAVn.js";/**
2 * @license lucide-vue-next v0.468.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const A=c("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"}]]);/**
7 * @license lucide-vue-next v0.468.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const C=c("MoonIcon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/**
12 * @license lucide-vue-next v0.468.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const $=c("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"}]]),B=["onClick"],S={class:"ml-1.5 text-sm"},q=u({__name:"AppearanceTabs",props:{class:{default:""}},setup(o){const{appearance:t,updateAppearance:l}=y(),p=[{value:"light",Icon:$,label:"Light"},{value:"dark",Icon:C,label:"Dark"},{value:"system",Icon:A,label:"System"}];return(D,L)=>(a(),i("div",{class:m(["inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800",o.class])},[(a(),i(g,null,x(p,({value:s,Icon:_,label:k})=>n("button",{key:s,onClick:j=>r(l)(s),class:m(["flex items-center rounded-md px-3.5 py-1.5 transition-colors",r(t)===s?"bg-white shadow-sm 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"])},[(a(),h(b(_),{class:"-ml-1 h-4 w-4"})),n("span",S,f(k),1)],10,B)),64))],2))}}),z={class:"space-y-6"},U=u({__name:"Appearance",setup(o){const t=[{title:"Appearance settings",href:"/settings/appearance"}];return(l,p)=>(a(),h(I,{breadcrumbs:t},{default:d(()=>[e(r(v),{title:"Appearance settings"}),e(M,null,{default:d(()=>[n("div",z,[e(w,{title:"Appearance settings",description:"Update your account's appearance settings"}),e(q)])]),_:1})]),_:1}))}});export{U as default};