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