Spinner.tsx 529 B

12345678910111213141516171819202122232425262728
  1. import React from "react";
  2. import "./Spinner.scss";
  3. const Spinner = ({
  4. size = "1em",
  5. circleWidth = 8,
  6. }: {
  7. size?: string | number;
  8. circleWidth?: number;
  9. }) => {
  10. return (
  11. <div className="Spinner">
  12. <svg viewBox="0 0 100 100" style={{ width: size, height: size }}>
  13. <circle
  14. cx="50"
  15. cy="50"
  16. r={50 - circleWidth / 2}
  17. strokeWidth={circleWidth}
  18. fill="none"
  19. strokeMiterlimit="10"
  20. />
  21. </svg>
  22. </div>
  23. );
  24. };
  25. export default Spinner;