import React from "react";

import styles from "./LoadingIndicator.module.scss";

type LoadingIndicatorT = {
  theme?: "light" | "dark" | undefined;
  hideBlur?: boolean;
};

const LoadingIndicator = (props: LoadingIndicatorT) => {
  const { theme = "light", hideBlur } = props;

  return (
    <div
      className={
        theme === "light"
          ? hideBlur
            ? `${styles.loadingIndicatorWrapperLight} ${styles.noBlur}`
            : styles.loadingIndicatorWrapperLight
          : hideBlur
          ? `${styles.loadingIndicatorWrapperDark} ${styles.noBlur}`
          : styles.loadingIndicatorWrapperDark
      }
    >
      <div className={styles.loadingIndicator} />
      <span>Loading...</span>
    </div>
  );
};

export default LoadingIndicator;