import{m as c,c as u,b as t,d as l,v as r,u as a,t as d,F as p,q as m,o as v}from"./app-13978987.js";import{u as g}from"./designStore-f93d210d.js";import"./fabric-1ff51d4a.js";const f=t("h3",null,"Settings",-1),b={class:"mt-4 space-y-4"},_=t("label",{class:"label mb-1"},"Title",-1),y={class:"flex gap-2"},x={class:"flex items-center justify-between gap-2"},S=t("span",{class:"text-lg"},"BG Color ",-1),h={class:"flex items-center gap-3"},k={class:"h-10 w-10 overflow-hidden rounded-full"},C={class:"w-16"},F={__name:"SettingsTab",setup(w){const s=g(),o=c(s.form.title||""),i=()=>{s.$patch({form:{title:o.value}}),m.success("Title Saved")};return(B,e)=>(v(),u(p,null,[f,t("div",b,[t("div",null,[_,t("div",y,[l(t("input",{type:"text",class:"input","onUpdate:modelValue":e[0]||(e[0]=n=>o.value=n)},null,512),[[r,o.value]]),t("button",{type:"button",class:"btn btn-soft-primary",onClick:i},"Save")])]),t("button",{onClick:e[1]||(e[1]=()=>{a(s).canvasStyles.backgroundColor="transparent",a(s).changeCanvasStyle()}),class:"btn btn-soft-primary"}," Remove Background "),t("div",x,[S,t("div",h,[t("div",k,[l(t("input",{"onUpdate:modelValue":e[2]||(e[2]=n=>a(s).canvasStyles.backgroundColor=n),onInput:e[3]||(e[3]=(...n)=>a(s).changeCanvasStyle&&a(s).changeCanvasStyle(...n)),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),[[r,a(s).canvasStyles.backgroundColor]])]),t("p",C,d(a(s).canvasStyles.backgroundColor),1)])])])],64))}};export{F as default};
