import{_ as d,G as h,r as u,o as c,c as p,w as f,a as e,t as l,b as v,F as _,d as w,e as b,f as T,v as k}from"./index-UxwdVxub.js";let o;const m=document.getElementById("app"),C={name:"ThemeChooser",props:{item:Object},components:{Generic:h},data:()=>({theme:null}),created:function(){o=Array.from(m.classList).filter(s=>s.startsWith("theme-"))[0],this.theme=o},methods:{switchTheme:function(){m.classList.replace(o,this.theme),o=this.theme}}},x={class:"title is-4"},B={class:"subtitle is-6"},g={class:"select is-small"};function y(s,t,a,G,V,n){const r=u("Generic");return c(),p(r,{item:a.item},{content:f(()=>[e("p",x,l(a.item.name),1),e("div",B,[a.item.subtitle?(c(),v(_,{key:0},[w(l(a.item.subtitle),1)],64)):b("",!0),e("div",g,[T(e("select",{"onUpdate:modelValue":t[0]||(t[0]=i=>s.theme=i),onChange:t[1]||(t[1]=(...i)=>n.switchTheme&&n.switchTheme(...i))},t[2]||(t[2]=[e("option",{value:"",disabled:"",selected:""},"Available themes",-1),e("option",{value:"theme-classic"},"classic",-1),e("option",{value:"theme-neon"},"neon",-1),e("option",{value:"theme-walkxcode"},"walkxcode",-1)]),544),[[k,s.theme]])])])]),_:1},8,["item"])}const A=d(C,[["render",y],["__scopeId","data-v-fc0260d7"]]);export{A as default};