import{_ as d,d as m,s as p,o as c,c as f,b as k,w as l,n as a,H as g,a as C,f as r,j as h}from"./entry-d195bacb.mjs";import{u as b}from"./composables-6b84c7c1.mjs";const x=m({name:"ThemeSelect",props:{size:{type:String,default:"w-8 h-8"},spacing:{type:String,default:"p-0"}},setup(i,{expose:s}){s();const e=b(),n=p({get(){return e.value},set(o){e.preference=o}}),t={colorMode:e,mode:n,onClick:()=>n.value==="light"?n.value="dark":n.value="light"};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}});function v(i,s,e,n,_,t){const o=h,u=g;return c(),f("button",{class:a([[e.size,e.spacing],"block icon-base"]),"aria-label":"Color Mode",onClick:n.onClick},[k(u,null,{placeholder:l(()=>[C("span",{class:a(["block",[e.size,e.spacing]])}," ... ",2)]),default:l(()=>[n.mode==="dark"?(c(),r(o,{key:0,name:"heroicons-outline:sun",class:a([e.spacing,e.size])},null,8,["class"])):(c(),r(o,{key:1,name:"heroicons-outline:moon",class:a([e.spacing,e.size])},null,8,["class"]))]),_:1})],2)}var S=d(x,[["render",v]]);export{S as default};
