import { merge as a } from "../../utilities/merge.es.es.js";
import r from "react";
var s = /* @__PURE__ */ ((e) => (e.Progress = "Progress", e.Positive = "Positive", e.Danger = "Danger", e))(s || {}), i = /* @__PURE__ */ ((e) => (e.ExtraSmall = "ExtraSmall", e.Small = "Small", e.Medium = "Medium", e.Large = "Large", e))(i || {});
const l = {
  Progress: "tw-border-violet-60",
  Positive: "tw-border-green-60",
  Danger: "tw-border-red-60"
}, o = {
  ExtraSmall: "tw-w-4 tw-h-4",
  Small: "tw-w-5 tw-h-5",
  Medium: "tw-w-8 tw-h-8",
  Large: "tw-w-16 tw-h-16"
}, m = ({
  style: e = "Progress",
  size: t = "Medium"
}) => /* @__PURE__ */ r.createElement("div", {
  "data-test-id": "loading-circle",
  className: a([
    "tw-border-2 tw-border-solid tw-rounded-full tw-border-t-transparent tw-animate-spin",
    l[e],
    o[t]
  ])
});
export {
  m as LoadingCircle,
  i as LoadingCircleSize,
  s as LoadingCircleStyle,
  o as sizeClasses,
  l as statusClasses
};
//# sourceMappingURL=LoadingCircle.es.es.js.map
