"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("color-js"),n=require("../../utils/json2css.js"),c=e.defineComponent({name:"zv-interaction-button"}),i=e.defineComponent({...c,props:{basicOption:{}},setup(b){const r=()=>{const t=e.ref();return{rendererDomStyle:o=>t.value?(n.autoInstallFont(o.fontFamily),{...n.jsonToCssStyle(o),"--hover-auto-background-color":s(o.backgroundColor).lightenByAmount(.05).toCSS(),"--active-auto-background-color":o.backgroundColor}):{},buttonRef:t}},{rendererDomStyle:u,buttonRef:l}=r();return(t,a)=>(e.openBlock(),e.createElementBlock("button",{ref_key:"buttonRef",ref:l,class:"zv-button",style:e.normalizeStyle(e.unref(u)(t.basicOption.css))},e.toDisplayString(t.basicOption.value),5))}});exports.default=i;
