@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.06 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,getIconSizing as s,getButtonSizing as n,getButtonTypography as c}from"../ButtonBase/Button.variant-helpers.js";import u from"../ButtonBase/ButtonBase.js";const l=o(u,{shouldForwardProp:t=>!["variation","destructive","sizing"].includes(t)})(({theme:t,variation:o,sizing:u,destructive:l})=>({color:t.custom.palette.text.primary,...u&&{...c(u)},...u&&{...n(u)},...u&&{...s(u)},"&: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,l)},..."outlined"===o&&{...i(t,l)},..."secondary"===o&&{...r(t,l)},..."primary"===o&&{...e(t,l)}})),m=({sizing:o="lg",variation:e="primary",...r})=>t(l,{variation:e,sizing:o,...r});export{m as default};