import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utils";
const sizeMap = {
    xs: 12,
    sm: 16,
    md: 20,
    lg: 24,
    xl: 28,
    "2xl": 32,
    "3xl": 40,
    "4xl": 48,
    "5xl": 64,
};
export function Spinner({ size = "lg", className, }) {
    const spinnerSize = sizeMap[size];
    return (_jsx("div", { "data-loading-indicator": "", className: cn("animate-spin", className), style: { width: spinnerSize, height: spinnerSize }, children: _jsxs("svg", { width: spinnerSize, height: spinnerSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-current", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeDasharray: "32", strokeDashoffset: "32", opacity: "0.2" }), _jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeDasharray: "32", strokeDashoffset: "24" })] }) }));
}
//# sourceMappingURL=Spinner.js.map