glide-design-system/src/lib/components/backdrop/Backdrop.js

Glide design system is an open-source React component library. It offers numerous benefits that make them essential tools for design and development teams.

import React from "react";
import styles from "./backdrop.module.css";

const Backdrop = ({
  className,
  style,
  open,
  circularProgressClassName,
  circularProgressStyle,
}) => {
  return (
    <div
      style={style}
      className={`${open ? styles.backdrop : styles.disableBackdrop} ${
        className && className
      }`}
    >
      <div
        className={`${styles.circularProgress} ${
          circularProgressClassName && circularProgressClassName
        }`}
        style={circularProgressStyle}
      ></div>
    </div>
  );
};

export default Backdrop;