import{c as o,b as e,k as r,d as l,v as i,u as a,t as c,F as p,o as d}from"./app-13978987.js";import{u as m}from"./designStore-f93d210d.js";import"./fabric-1ff51d4a.js";const u={class:"mb-6 flex flex-col gap-y-3"},g={class:"flex items-center justify-between gap-3"},y=e("label",{class:"label"},"Radius",-1),b={class:"label w-14 whitespace-nowrap rounded-md bg-secondary-200 px-2 py-1 text-center dark:bg-secondary-900"},v={__name:"SelectedImageTab",setup(f){const t=m();return(_,s)=>(d(),o(p,null,[e("div",u,[r(" Image "),e("div",g,[y,l(e("input",{step:"5","onUpdate:modelValue":s[0]||(s[0]=n=>a(t).imageStyles.cornerRadius=n),class:"w-full cursor-pointer accent-primary-600",type:"range",min:"0",max:"100"},null,512),[[i,a(t).imageStyles.cornerRadius]]),e("span",b,c(a(t).imageStyles.cornerRadius)+" px ",1)])]),e("button",{class:"btn btn-soft-primary w-full",type:"button",onClick:s[1]||(s[1]=n=>a(t).changeImageStyle())}," Update Changes ")],64))}};export{v as default};
