@frontify/fondue/dist/components/LoadingCircle/LoadingCircle.es.js

Design system of Frontify

import { jsx as a } from "react/jsx-runtime";
import { merge as s } from "../../utilities/merge.es.js";
var d = /* @__PURE__ */ ((t) => (t.ExtraSmall = "ExtraSmall", t.Small = "Small", t.Medium = "Medium", t.Large = "Large", t))(d || {});
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"
}, w = ({
  style: t = "Progress",
  size: r = "Medium",
  "data-test-id": e = "loading-circle"
}) => /* @__PURE__ */ a(
  "div",
  {
    "data-test-id": e,
    className: s([
      "tw-border-2 tw-border-solid tw-rounded-full tw-border-t-transparent tw-animate-spin",
      l[t],
      o[r]
    ])
  }
);
w.displayName = "FondueLoadingCircle";
export {
  w as LoadingCircle,
  d as LoadingCircleSize
};
//# sourceMappingURL=LoadingCircle.es.js.map