"use strict";var s=require("react/jsx-runtime"),a=require("@styled/css"),d=require("@styled/jsx");const k=({inverted:o,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,n=o?"surface.primary":c?"text.primary":"brand.base";return s.jsx(d.Center,{inline:!0,children:s.jsxs("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,fill:"none",stroke:"none",xmlns:"http://www.w3.org/2000/svg",children:[s.jsx("circle",{className:a.css({stroke:n,strokeOpacity:.12}),cx:"50%",cy:"50%",r:t-r/2,strokeLinecap:"round",strokeWidth:r}),s.jsx("circle",{className:a.css({animation:"spin 1s linear infinite",stroke:n,transformOrigin:"center center"}),cx:"50%",cy:"50%",r:t-r/2,strokeDasharray:i,strokeDashoffset:i-i*l+r*4,strokeLinecap:"round",strokeWidth:r})]})})};exports.LoadingSpinner=k;
//# sourceMappingURL=loading-spinner.js.map
