/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
import { cx } from "../../styles/styler.js";
import { Icon } from "../Icon.js";
import { Progress } from "@yahoo/uds-icons";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/components/experimental/Spinner.tsx
function Spinner({ className, color = "primary", size = "lg", ...props }) {
	return /* @__PURE__ */ jsxs("div", {
		role: "status",
		className: cx("self-center", "relative", className),
		...props,
		children: [/* @__PURE__ */ jsx(Icon, {
			role: "img",
			name: Progress,
			className: "animate-spin",
			size,
			color,
			"aria-hidden": "true"
		}), /* @__PURE__ */ jsx("span", {
			className: "sr-only",
			children: "Loading..."
		})]
	});
}
Spinner.displayName = "Spinner";
//#endregion
export { Spinner };
