import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var spinnerBaseStyles="\n  jn-animate-spin \n  jn-mr-3 \n  jn-h-5 \n  jn-w-5 \n",primary="\n  jn-text-theme-accent\n",danger="\n  jn-text-theme-danger \n",success="\n  jn-text-theme-success\n",warning="\n  jn-text-theme-warning  \n",defaultColor="\n  jn-text-theme-on-default\n",Spinner=function(a){var b=a.variant,c=void 0===b?"default":b,d=a.size,e=void 0===d?null:d,f=a.className,g=void 0===f?"":f,h=a.color,i=void 0===h?"":h,j=__rest(a,["variant","size","className","color"]),k=function(a){return"small"===a?"1rem":"large"===a?"3rem":a},l=e?{width:k(e),height:k(e)}:{};return React__default.createElement("svg",__assign({className:"juno-spinner ".concat(spinnerBaseStyles," ").concat(i?i:function(){return"primary"===c?primary:"danger"===c?danger:"success"===c?success:"warning"===c?warning:defaultColor}()," ").concat(g),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",style:l,role:"progressbar"},j),React__default.createElement("circle",{className:"jn-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),React__default.createElement("path",{className:"jn-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}))};export{Spinner as S};