@cerberus-design/react
Version:
The Cerberus Design React component library.
81 lines (80 loc) • 2.29 kB
JavaScript
// src/components/spinner/spinner.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function Spinner(props) {
return /* @__PURE__ */ jsx(
"svg",
{
"aria-busy": "true",
"data-scope": "spinner",
"data-part": "root",
role: "status",
xmlns: "http://www.w3.org/2000/svg",
height: props.size,
width: props.size,
viewBox: "0 0 24 24",
children: /* @__PURE__ */ jsxs(
"g",
{
fill: "none",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2,
children: [
/* @__PURE__ */ jsxs(
"path",
{
strokeDasharray: 16,
strokeDashoffset: 16,
d: "M12 3c4.97 0 9 4.03 9 9",
children: [
/* @__PURE__ */ jsx(
"animate",
{
fill: "freeze",
attributeName: "stroke-dashoffset",
dur: "0.15s",
values: "16;0"
}
),
/* @__PURE__ */ jsx(
"animateTransform",
{
attributeName: "transform",
dur: "0.75s",
repeatCount: "indefinite",
type: "rotate",
values: "0 12 12;360 12 12"
}
)
]
}
),
/* @__PURE__ */ jsx(
"path",
{
strokeDasharray: 64,
strokeDashoffset: 64,
strokeOpacity: 0.3,
d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z",
children: /* @__PURE__ */ jsx(
"animate",
{
fill: "freeze",
attributeName: "stroke-dashoffset",
dur: "0.6s",
values: "64;0"
}
)
}
)
]
}
)
}
);
}
export {
Spinner
};
//# sourceMappingURL=chunk-QUOJS5LL.js.map