import{d as g,r as u,v as d,i as m,_,a as s,c as r,F as p,l as k,b as t,n as c,p as v}from"./index-b1308428.js";const y=g({props:{setTheme:Function},setup(e){const a=u(m("settingsStore")),i=l=>`background-color: ${d(l)};`,o=e.setTheme?e.setTheme:()=>{};return{settingsStore:a,getRgbString:d,getBackgroundString:i,setTheme:o}}});const S={id:"picker-container"},b=["onClick"];function f(e,a,i,o,l,h){return s(),r("div",S,[(s(!0),r(p,null,k(e.settingsStore.themes,n=>(s(),r("div",{key:n.name,id:"btn-container",onClick:T=>e.setTheme(n.name)},[t("div",{class:"accent-circle circle",style:c(e.getBackgroundString(n.accent))},[t("div",{class:"primary-circle circle",style:c(e.getBackgroundString(n.primary))},[t("div",{class:"secondary-circle circle",style:c(e.getBackgroundString(n.secondary))},null,4)],4)],4),t("div",{id:"underline",class:v(n.name===e.settingsStore.selectedTheme?"active-theme":"")},null,2)],8,b))),128))])}const $=_(y,[["render",f],["__scopeId","data-v-b6b3e002"]]);export{$ as default};
