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