@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 509 B
JavaScript
import{jsx as r}from"react/jsx-runtime";import{styled as o,LinearProgress as t,linearProgressClasses as a}from"@mui/material";const u=o(t)(({theme:r})=>({[`&.${a.root}`]:{backgroundColor:r.custom.palette.neutral[200],borderRadius:r.custom.radius.round,[`& .${a.bar}`]:{backgroundColor:r.custom.palette.green[500],borderRadius:`0 ${r.custom.radius.round}px ${r.custom.radius.round}px 0`}}})),e=o=>{const{variation:t,value:a,...e}=o;return r(u,{variant:t,value:a?Math.min(a,100):a,...e})};export{e as default};