import React from "react";
import "./Spinner.scss";

interface SpinnerProps {
  size?: "small" | "medium" | "large";
  color?: string;
}

const Spinner: React.FC<SpinnerProps> = ({
  size = "medium",
  color = "#1976d2",
}) => {
  return (
    <div
      className={`spinner spinner--${size}`}
      style={{ borderTopColor: color }}
    >
      <div className="spinner__inner"></div>
    </div>
  );
};

export default Spinner;
