import React from 'react';

var CircleLoadingState = /* @__PURE__ */ ((CircleLoadingState2) => {
  CircleLoadingState2[CircleLoadingState2["spin"] = 0] = "spin";
  CircleLoadingState2[CircleLoadingState2["stop"] = 1] = "stop";
  return CircleLoadingState2;
})(CircleLoadingState || {});
const CircleSpinner = ({
  size = 60,
  thickness = 4,
  color = "#40CBA6",
  marginOffset = 3,
  loadingState = 1 /* stop */
}) => {
  const spinnerClass = loadingState === 0 /* spin */ ? "lds-ring" : "lds-ring static";
  const outerStyle = {
    width: `${size}px`,
    height: `${size}px`
  };
  const spinnerStyles = {
    height: `${Math.floor(size / 1.1111111)}px`,
    width: `${Math.floor(size / 1.11111111)}px`,
    border: `${thickness}px solid #fff`,
    margin: `${marginOffset}px`,
    borderColor: `${color}${loadingState === 0 /* spin */ ? " transparent transparent transparent" : ""}`
  };
  return /* @__PURE__ */ React.createElement("div", { className: spinnerClass, style: outerStyle }, /* @__PURE__ */ React.createElement("div", { style: spinnerStyles }), /* @__PURE__ */ React.createElement("div", { style: spinnerStyles }), /* @__PURE__ */ React.createElement("div", { style: spinnerStyles }), /* @__PURE__ */ React.createElement("div", { style: spinnerStyles }));
};

export { CircleLoadingState as C, CircleSpinner as a };
//# sourceMappingURL=CircleSpinner-03a329fc.js.map
