@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.08 kB
JavaScript
import{jsx as t}from"react/jsx-runtime";import{styled as o}from"@mui/material";import{primary as e,secondary as r,outlined as i,subtle as a,buttonPadding as s,getIconSizing as n,getButtonSizing as c,getButtonTypography as u}from"../ButtonBase/Button.variant-helpers.js";import l from"../ButtonBase/ButtonBase.js";const m=o(l,{shouldForwardProp:t=>!["variation","destructive","sizing"].includes(t)})(({theme:t,variation:o,sizing:l,destructive:m})=>({color:t.custom.palette.text.primary,...l&&{...u(l)},...l&&{...c(l)},...l&&{...n(l)},...s(),"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:t.custom.palette.interaction.hover},"&:active:before":{backgroundColor:t.custom.palette.interaction.press},"&:disabled":{backgroundColor:t.custom.palette.interaction.disabled,color:t.custom.palette.text.disabled},..."subtle"===o&&{...a(t,m)},..."outlined"===o&&{...i(t,m)},..."secondary"===o&&{...r(t,m)},..."primary"===o&&{...e(t,m)}})),d=({sizing:o="lg",variation:e="primary",...r})=>t(m,{variation:e,sizing:o,...r});export{d as default};