import{c as o,u as t,b as a,d as r,v as i,t as p,e as d,o as n}from"./app-13978987.js";import{u as c}from"./designStore-f93d210d.js";import"./fabric-1ff51d4a.js";const u={class:"mt-6 space-y-6"},h=a("label",{class:"label mb-1"},"Change Colors",-1),m={key:0,class:"flex items-center gap-3"},y={class:"h-10 w-10 overflow-hidden rounded-full"},f={class:"w-16"},S={key:1,class:"flex items-center gap-3"},x={class:"h-10 w-10 overflow-hidden rounded-full"},_={class:"w-16"},V={__name:"SelectedShapeTab",setup(g){const e=c();return(k,s)=>(n(),o("div",u,[h,t(e).shapeStyles.fill?(n(),o("div",m,[a("div",y,[r(a("input",{"onUpdate:modelValue":s[0]||(s[0]=l=>t(e).shapeStyles.fill=l),onInput:s[1]||(s[1]=(...l)=>t(e).changeShapeStyle&&t(e).changeShapeStyle(...l)),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,544),[[i,t(e).shapeStyles.fill]])]),a("p",f,p(t(e).shapeStyles.fill),1)])):d("",!0),t(e).shapeStyles.stroke?(n(),o("div",S,[a("div",x,[r(a("input",{"onUpdate:modelValue":s[2]||(s[2]=l=>t(e).shapeStyles.stroke=l),onInput:s[3]||(s[3]=(...l)=>t(e).changeShapeStyle&&t(e).changeShapeStyle(...l)),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,544),[[i,t(e).shapeStyles.stroke]])]),a("p",_,p(t(e).shapeStyles.stroke),1)])):d("",!0)]))}};export{V as default};
