import{jsx as n,jsxs as m}from"react/jsx-runtime";import{css as o}from"@styled/css";import{Center as p}from"@styled/jsx";const d=({inverted:a,neutral:c,progress:h=30,size:e=64,strokeWidth:r=6})=>{const t=e/2,l=Math.abs(h)/100,i=2*Math.PI*t,s=a?"surface.primary":c?"text.primary":"brand.base";return n(p,{inline:!0,children:m("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,fill:"none",stroke:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("circle",{className:o({stroke:s,strokeOpacity:.12}),cx:"50%",cy:"50%",r:t-r/2,strokeLinecap:"round",strokeWidth:r}),n("circle",{className:o({animation:"spin 1s linear infinite",stroke:s,transformOrigin:"center center"}),cx:"50%",cy:"50%",r:t-r/2,strokeDasharray:i,strokeDashoffset:i-i*l+r*4,strokeLinecap:"round",strokeWidth:r})]})})};export{d as LoadingSpinner};
//# sourceMappingURL=loading-spinner.js.map
