UNPKG

@useloops/design-system

Version:

The official React based Loops design system

2 lines (1 loc) 576 B
"use strict";var e=require("@mui/material"),r=require("./Surface.variant-helpers.js");const a=e.styled(e.Paper,{shouldForwardProp:e=>!["variation","borderradius","active","interactive"].includes(e)})(({theme:e,variation:a="default",borderradius:t,active:i,interactive:d})=>({boxShadow:"unset",borderRadius:r.getBorderRadius(e,t),background:r.backgroundBasedOnVariation(a,e),..."overlay"===a&&{...r.overlay(e)},..."raised"===a&&{...r.raised(e)},..."float"===a&&{...r.float(e)},...i&&{...r.surfaceSelectedState(e)},...d&&{...r.createInteractiveStates(e,i)}}));module.exports=a;