// packages/components/src/spinner/index.tsx
import clsx from "clsx";
import { StyledSpinner, SpinnerTrack, SpinnerIndicator } from "./styles.js";
import { forwardRef } from "@wordpress/element";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function UnforwardedSpinner({
  className,
  ...props
}, forwardedRef) {
  return /* @__PURE__ */ _jsxs(StyledSpinner, {
    className: clsx("components-spinner", className),
    viewBox: "0 0 100 100",
    width: "16",
    height: "16",
    xmlns: "http://www.w3.org/2000/svg",
    role: "presentation",
    focusable: "false",
    ...props,
    ref: forwardedRef,
    children: [/* @__PURE__ */ _jsx(SpinnerTrack, {
      cx: "50",
      cy: "50",
      r: "50",
      vectorEffect: "non-scaling-stroke"
    }), /* @__PURE__ */ _jsx(SpinnerIndicator, {
      d: "m 50 0 a 50 50 0 0 1 50 50",
      vectorEffect: "non-scaling-stroke"
    })]
  });
}
var Spinner = forwardRef(UnforwardedSpinner);
var spinner_default = Spinner;
export {
  Spinner,
  UnforwardedSpinner,
  spinner_default as default
};
//# sourceMappingURL=index.js.map
