import { MagnifyingGlass } from "react-loader-spinner";
import "./LoaderSpace.scss";

export default function LoaderSpace({ isVisible, isCenterLoader }) {
  return (
    <div className={`loader-space-container${isCenterLoader ? "-center" : ""}`}>
      <MagnifyingGlass
        visible={isVisible}
        height="100"
        width="100"
        ariaLabel="magnifying-glass-loading"
        wrapperStyle={{}}
        wrapperClass="magnifying-glass-wrapper"
        glassColor="#ffffff"
        color="#7B6A9C"
      />
    </div>
  );
}