import React from "react";
import { Spin } from "antd";
import { LoadingOutlined } from "@ant-design/icons";

const CircularProgress = ({ color = "" }) => {
  const antIcon = (
    <LoadingOutlined
      style={{ fontSize: 24, color: color ? color : "white" }}
      spin
    />
  );

  return <Spin indicator={antIcon} />;
};

export default CircularProgress;