@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 679 B
JavaScript
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material/CameraAlt"),s=require("@mui/material"),t=require("@mui/material/styles"),i=require("merge-sx");function u(e){return e&&e.__esModule?e:{default:e}}var o=u(r);module.exports=({sx:r})=>{const u=t.useTheme();return e.jsxs(s.Box,{sx:i.mergeSx({borderRadius:u.spacing(u.custom.radius.md),position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:u.custom.palette.neutral[100],inset:0,zIndex:3},r),children:[e.jsx(s.CircularProgress,{size:60,sx:{position:"absolute",color:u.custom.palette.purple[100]}}),e.jsx(o.default,{sx:{color:u.custom.palette.icon.disabled}})]})};