@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 608 B
JavaScript
import{styled as r,Paper as a}from"@mui/material";import{createInteractiveStates as e,surfaceSelectedState as i,float as o,raised as t,overlay as d,backgroundBasedOnVariation as s,getBorderRadius as u}from"./Surface.variant-helpers.js";const n=r(a,{shouldForwardProp:r=>!["variation","borderradius","active","interactive"].includes(r)})(({theme:r,variation:a="default",borderradius:n,active:c,interactive:l})=>({boxShadow:"unset",borderRadius:u(r,n),background:s(a,r),..."overlay"===a&&{...d(r)},..."raised"===a&&{...t(r)},..."float"===a&&{...o(r)},...c&&{...i(r)},...l&&{...e(r,c)}}));export{n as default};