import React, { useId } from "react";
import MoonLoader from "react-spinners/MoonLoader";
const override = {
  // display: "block",
  // margin: "0 auto",
  borderColor: "red",
};
export const Spinner = ({ className = "", size = 20, color = "#ffffff" }) => {
  const id = useId();
  return (
    <MoonLoader
      color={color}
      loading={true}
      cssOverride={override}
      size={size}
      // aria-label="Loading Spinner"
      data-testid={id}
    />
  );
};
