import { jsxs, jsx } from 'react/jsx-runtime';
import * as React from 'react';
import { cn } from '../../../lib/utils.mjs';

const SpinnerComponent = function Spinner2({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxs(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      fill: "none",
      viewBox: "0 0 24 24",
      className: cn("animate-spin", className),
      ...props,
      children: [
        /* @__PURE__ */ jsx(
          "circle",
          {
            className: "opacity-25",
            cx: "12",
            cy: "12",
            r: "10",
            stroke: "currentColor",
            strokeWidth: "4"
          }
        ),
        /* @__PURE__ */ jsx(
          "path",
          {
            className: "opacity-75",
            fill: "currentColor",
            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
          }
        )
      ]
    }
  );
};
SpinnerComponent.displayName = "Spinner";
const Spinner = React.memo(SpinnerComponent);

export { Spinner };
