@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 725 B
JavaScript
;var i=require("react/jsx-runtime"),o=require("@mui/material");const e=o.styled(o.Button)(({theme:i,loading:o})=>({boxSizing:"border-box",position:"relative",overflow:"hidden",borderRadius:i.spacing(i.custom.radius.md),textTransform:"none",minWidth:52,"&::before":{content:'""',backgroundColor:"transparent",transition:"all 200ms ease",position:"absolute",inset:0,zIndex:1},"& > .MuiBox-root, & .MuiButton-icon":{overflowWrap:"normal",position:"relative",zIndex:2},"& > .MuiButton-startIcon, & > .MuiButton-endIcon":{visibility:o?"hidden":"visible"}}));module.exports=({children:n,loading:t,sizing:r,...s})=>i.jsx(e,{...s,sizing:r,loading:t,children:i.jsx(o.Box,{...t?{visibility:"hidden"}:void 0,children:n})});