@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.02 kB
JavaScript
;var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../ButtonBase/Button.variant-helpers.js"),o=require("../ButtonBase/ButtonBase.js");const i=t.styled(o,{shouldForwardProp:e=>!["variation","destructive","sizing"].includes(e)})(({theme:e,variation:t,sizing:o,destructive:i})=>({color:e.custom.palette.text.primary,...o&&{...r.getButtonTypography(o)},...o&&{...r.getButtonSizing(o)},...o&&{...r.getIconSizing(o)},"&:hover:before":{backgroundColor:e.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:e.custom.palette.interaction.hover},"&:active:before":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled},..."subtle"===t&&{...r.subtle(e,i)},..."outlined"===t&&{...r.outlined(e,i)},..."secondary"===t&&{...r.secondary(e,i)},..."primary"===t&&{...r.primary(e,i)}}));module.exports=({sizing:t="lg",variation:r="primary",...o})=>e.jsx(i,{variation:r,sizing:t,...o});