zentrixui/dist/components/file-upload/progress/loading-spinner.js

ZentrixUI - A modern, highly customizable and accessible React file upload component library with multiple variants, JSON-based configuration, and excellent developer experience.

import { jsx } from "react/jsx-runtime";
import { cn } from "../../../utils/cn.js";
const LoadingSpinner = ({
  size = "md",
  variant = "default",
  className,
  "aria-label": ariaLabel
}) => {
  const sizeClasses = {
    sm: "w-4 h-4",
    md: "w-6 h-6",
    lg: "w-8 h-8"
  };
  const variantClasses = {
    default: "text-gray-500",
    primary: "text-blue-500",
    secondary: "text-gray-400"
  };
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: cn(
        "inline-block animate-spin rounded-full border-2 border-solid border-current border-r-transparent",
        sizeClasses[size],
        variantClasses[variant],
        className
      ),
      role: "status",
      "aria-label": ariaLabel || "Loading",
      children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." })
    }
  );
};
export {
  LoadingSpinner
};
//# sourceMappingURL=loading-spinner.js.map