@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 546 B
JavaScript
;const e=require("@mui/material").styled("button",{shouldForwardProp:e=>"isActive"!==e})(({theme:e,isActive:o})=>({cursor:"pointer",background:"none",border:"none",textAlign:"center",padding:e.spacing(e.custom.padding.sm),transition:"color 300ms ease",position:"relative",zIndex:1,"&:disabled":{cursor:"not-allowed",background:`color-mix(in srgb, ${e.custom.palette.purple[0]}, ${e.custom.palette.interaction.disabled} 50%)`,borderRadius:e.spacing(e.custom.radius.md)},"&:not(:disabled):hover":{cursor:"pointer"}}));module.exports=e;