@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 732 B
JavaScript
import{jsx as i}from"react/jsx-runtime";import{styled as o,Button as n,Box as t}from"@mui/material";const e=o(n)(({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"}})),r=({children:o,loading:n,sizing:r,...a})=>i(e,{...a,sizing:r,loading:n,children:i(t,{...n?{visibility:"hidden"}:void 0,children:o})});export{r as default};