packages/ui/src/ui-component/loading/BackdropLoader.js

import PropTypes from 'prop-types'
import { Backdrop, CircularProgress } from '@mui/material'

export const BackdropLoader = ({ open }) => {
    return (
        <div>
            <Backdrop sx={{ color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }} open={open}>
                <CircularProgress color='inherit' />
            </Backdrop>
        </div>
    )
}

BackdropLoader.propTypes = {
    open: PropTypes.bool
}