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