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;
|