@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
34 lines • 1.08 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["sx"];
import * as React from 'react';
import { Box, CircularProgress } from '@mui/material';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function CircularProgressWithLabel(props) {
var _ref = (props == null ? void 0 : props.boxProps) || {},
sx = _ref.sx,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/_jsxs(Box, _extends({
sx: _extends({
position: 'relative',
display: 'inline-flex'
}, sx)
}, rest, {
children: [/*#__PURE__*/_jsx(CircularProgress, _extends({
variant: "determinate"
}, props)), /*#__PURE__*/_jsx(Box, {
sx: {
top: 0,
left: 0,
bottom: 0,
right: 0,
position: 'absolute',
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
},
children: props.children
})]
}));
}
export default CircularProgressWithLabel;