@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.17 kB
JavaScript
;var t=require("react/jsx-runtime"),e=require("@mui/material"),o=require("react"),i=require("../IconButtonBase/IconButton.variant-helpers.js");function r(t){return t&&t.__esModule?t:{default:t}}var n=r(o);const u=e.styled(e.ButtonGroup,{shouldForwardProp:t=>"groupRaised"!==t})(({theme:t,variation:o,iconColor:r,sizing:n="lg",groupRaised:u=!1})=>({[`&.${e.buttonGroupClasses.root}`]:{backgroundColor:t.custom.palette.input.default,border:`1px solid ${t.custom.palette.stroke.default}`,overflow:"hidden",...u&&{boxShadow:t.custom.elevation.raised,border:"none"},[`& .${e.iconButtonClasses.root}`]:{borderRadius:0},"& > button":{borderRadius:0,..."default"===o&&{...i.defaultStyle(t)},..."toggle"===o&&{...i.toggle(t)},...n&&{height:"raised"!==o?`calc(${i.getIconButtonSizing(n).height}px - 2px)`:i.getIconButtonSizing(n).width,width:"raised"!==o?`calc(${i.getIconButtonSizing(n).width}px - 2px)`:i.getIconButtonSizing(n).width}},"& .MuiSvgIcon-root":{...n&&{...i.getIconSizing(n)},color:r||t.custom.palette.icon.primary}}}));module.exports=({children:e,...i})=>t.jsx(u,{...i,children:n.default.Children.map(e,t=>t?o.cloneElement(t,{sizing:i.sizing}):null)});