import styles from "./styles.module.css";

interface ISpinnerProps {
  width?: string;
  strokeWidth?: number;
  strokeColor?: string;
}

function Spinner({
  width = "30px",
  strokeWidth = 5,
  strokeColor = "#db4263",
}: ISpinnerProps): JSX.Element {
  return (
    <svg
      className={styles.spinner}
      viewBox="0 0 50 50"
      width={width}
      height={width}
    >
      <circle
        className={styles.path}
        cx="25"
        cy="25"
        r="20"
        fill="none"
        stroke={strokeColor}
        strokeWidth={strokeWidth}
      ></circle>
    </svg>
  );
}

export default Spinner;
