"use client";
import { jsx } from "../../packages/jsx/src/jsx-runtime.js";
const LoadingSpinner = (props) => /* @__PURE__ */ jsx(
  "div",
  {
    "aria-busy": true,
    className: "sp sp-circle",
    sx: {
      width: "24px",
      height: "24px",
      clear: "both",
      margin: "20px auto",
      borderWidth: "2px",
      borderStyle: "solid",
      borderColor: "rgba(255, 255, 255, 0.72) transparent rgba(255, 255, 255, 0.72) transparent",
      borderRadius: "50%",
      animation: "spCircRot 1s infinite linear",
      "@keyframes spCircRot": {
        from: {
          transform: "rotate(0deg)"
        },
        to: {
          transform: "rotate(359deg)"
        }
      }
    },
    ...props
  }
);
export {
  LoadingSpinner
};
