import{c as s,b as t,F as o,r as c,u as r,o as l,d as u,v as d,t as p}from"./app-13978987.js";import{u as f}from"./designStore-f93d210d.js";import"./fabric-1ff51d4a.js";const m={class:"mb-6 flex flex-col gap-y-3"},_={class:"h-10 w-10 overflow-hidden rounded-full"},x=["onUpdate:modelValue"],g={class:"w-16"},k={__name:"SelectedGroupTab",setup(h){const a=f();return(y,n)=>(l(),s(o,null,[t("div",m,[(l(!0),s(o,null,c(r(a).objectStyles,e=>(l(),s("div",{key:e,class:"flex items-center gap-3"},[t("div",_,[u(t("input",{"onUpdate:modelValue":i=>e.fill=i,class:"h-14 w-12 -translate-x-1 -translate-y-2 rounded-xl bg-transparent text-sm text-slate-700 outline-none placeholder:text-slate-400 focus:ring-0 focus:ring-primary-500 dark:text-slate-200",type:"color",name:"file"},null,8,x),[[d,e.fill]])]),t("p",g,p(e.fill),1)]))),128))]),t("button",{class:"btn btn-soft-primary w-full",type:"button",onClick:n[0]||(n[0]=e=>r(a).changeGroupObjectStyle())}," Update Changes ")],64))}};export{k as default};
