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