@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 989 B
JavaScript
"use strict";var e=require("react/jsx-runtime"),i=require("merge-sx"),r=require("react");require("../../BrandCore/primitiveVariables.js");var s=require("../IconButtonBase/IconButtonBase.js"),o=require("../Progress/Progress.js"),t=require("../Tooltip/Tooltip.js");const n=r.forwardRef(({icon:r,loading:n,tooltipMessage:l,sizing:x,slotProps:a,emojiMode:u,sx:g,...c},j)=>u?e.jsx(t,{message:l,...a?.tooltip,children:e.jsx(s,{ref:j,sizing:x,sx:i.mergeSx({"&.MuiButtonBase-root.MuiIconButton-root":{borderRadius:0},position:"relative","& > .MuiBox-root":{display:"flex",alignItems:"center",justifyContent:"center"}},g),...c,children:n?e.jsx(o,{sizing:x||"xl"}):r})}):l?e.jsx(t,{message:l,...a?.tooltip,children:e.jsx(s,{ref:j,sizing:x,sx:i.mergeSx({position:"relative","& > .MuiBox-root":{display:"flex",alignItems:"center",justifyContent:"center"}},g),...c,children:n?e.jsx(o,{sizing:x||"xl"}):r})}):e.jsx(s,{ref:j,sx:g,...c,sizing:x,children:n?e.jsx(o,{sizing:x||"xl"}):r}));module.exports=n;