sccoreui
Version:
ui-sccore
12 lines (11 loc) • 1.47 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const CustomLoadingIndicator = ({ size = "100px", color = "var(--primary-600)", strokeWidth = "6", bgStrokeColor = "var(--gray-100)", bgStroke = false, animationDuration = "3500ms", }) => {
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "svgAnimation absolute z-3", style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animation", cx: "44", cy: "44", r: "17.2", fill: "none", strokeWidth: strokeWidth, style: {
strokeLinecap: "round",
animationDuration: animationDuration,
stroke: color,
} }) })) })), bgStroke && ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animatio", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokeWidth, style: { stroke: bgStrokeColor } }) })) })))] })));
};
exports.default = CustomLoadingIndicator;