@frontify/fondue
Version:
Design system of Frontify
23 lines (22 loc) • 820 B
JavaScript
import { jsxs as e, jsx as t } from "react/jsx-runtime";
import { merge as n } from "../../../utilities/merge.es.js";
import { AssetInputSize as r } from "../AssetInput.es.js";
const s = ({ size: i }) => /* @__PURE__ */ e(
"svg",
{
className: n(["tw-animate-spin", i === r.Large ? "tw-w-16 tw-h-16" : "tw-w-5 tw-h-5"]),
width: "100%",
height: "100%",
viewBox: "0 0 44 44",
"data-test-id": "spinning-circle",
children: [
/* @__PURE__ */ t("path", { fill: "none", stroke: "#f1f3f9", strokeWidth: "2", d: "M2,22 a20,20 0 0,1 20,-20" }),
/* @__PURE__ */ t("path", { fill: "none", stroke: "#7159d7", strokeWidth: "2", d: "M2,22 a20,20 0 1,0 20,-20" })
]
}
);
s.displayName = "FondueSpinningCircle";
export {
s as SpinningCircle
};
//# sourceMappingURL=SpinningCircle.es.js.map