@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 515 B
JavaScript
import{styled as o,LinearProgress as r}from"@mui/material";const e=(o,r,e)=>r?e||o.custom.palette.purple[100]:o.custom.palette.neutral[100],a=o(r,{shouldForwardProp:o=>"barColor"!==o&&"checked"!==o})(({theme:o,barColor:r,checked:a})=>({height:24,display:"flex",flex:1,borderRadius:o.spacing(o.custom.radius.sm),backgroundColor:o.custom.palette.interaction.none,"& .MuiLinearProgress-bar":{transition:"all 250ms ease-out",borderRadius:o.spacing(o.custom.radius.sm),backgroundColor:e(o,a,r)}}));export{a as default};