import{_ as d}from"./mNFvUmUr.js";import{d as u,k as f,x as p,z as _,o as n,e as r,p as o,S as m,f as g,l as k,g as h}from"./Bxi7Ki28.js";const y={class:"loading-button"},b={class:"loading-button__icon"},v={class:"svg",version:"1.1",viewBox:"0 0 220 220",xmlns:"http://www.w3.org/2000/svg"},C=["stroke"],w=["stroke"],z=u({__name:"loading-button",props:{icon:{default:"basicClose"},duration:{default:"5s"},startColor:{default:"#d9d9d9"},endColor:{default:"#000"},iconColor:{default:"#000"}},setup(l){const a=l,i=f(()=>({animationDuration:`${a.duration}`})),e=p(null);return _(()=>{e.value&&(e.value.style.stroke="url(#linear)")}),(t,s)=>{const c=d;return n(),r("button",y,[o("div",b,[m(t.$slots,"icon",{},()=>[g(c,{fill:t.iconColor,icon:t.icon,size:"small"},null,8,["fill","icon"])])]),(n(),r("svg",v,[s[0]||(s[0]=o("defs",null,[o("linearGradient",{id:"linear",x1:"0",x2:"1",y1:"0",y2:"0"},[o("stop",{offset:"0%","stop-color":"#000"}),o("stop",{offset:"100%","stop-color":"#000"})])],-1)),o("circle",{id:"bar-bg",cx:"110",cy:"110",fill:"transparent",r:"98",stroke:t.startColor},null,8,C),o("circle",{id:"bar",ref_key:"circle",ref:e,cx:"110",cy:"110",fill:"transparent",pathLength:"100",r:"98",stroke:t.endColor,"stroke-dasharray":"100","stroke-dashoffset":"100",style:k(h(i))},null,12,w)]))])}}});export{z as _};