163ad1f4c4
Co-authored-by: Emil Atanasov <heitara@gmail.com> Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
29 lines
529 B
TypeScript
29 lines
529 B
TypeScript
import React from "react";
|
|
|
|
import "./Spinner.scss";
|
|
|
|
const Spinner = ({
|
|
size = "1em",
|
|
circleWidth = 8,
|
|
}: {
|
|
size?: string | number;
|
|
circleWidth?: number;
|
|
}) => {
|
|
return (
|
|
<div className="Spinner">
|
|
<svg viewBox="0 0 100 100" style={{ width: size, height: size }}>
|
|
<circle
|
|
cx="50"
|
|
cy="50"
|
|
r={50 - circleWidth / 2}
|
|
strokeWidth={circleWidth}
|
|
fill="none"
|
|
strokeMiterlimit="10"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Spinner;
|