@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
34 lines (33 loc) • 1.18 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utilities.js";
import spinner_module from "./spinner.module.js";
import * as __rspack_external_react from "react";
const Spinner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("svg", {
ref: ref,
role: "status",
"aria-label": props["aria-label"] ?? "Loading",
viewBox: "0 0 24 24",
fill: "none",
className: cn(spinner_module.spinner, className),
...props,
children: [
children,
/*#__PURE__*/ jsx("circle", {
className: spinner_module.track,
cx: "12",
cy: "12",
r: "9",
stroke: "currentColor",
strokeWidth: "3"
}),
/*#__PURE__*/ jsx("path", {
className: spinner_module.indicator,
d: "M21 12a9 9 0 0 0-9-9",
stroke: "currentColor",
strokeWidth: "3"
})
]
}));
Spinner.displayName = "Spinner";
export { Spinner };
//# sourceMappingURL=spinner.js.map