UNPKG

@useloops/design-system

Version:

The official React based Loops design system

github.com/useloops/useloops-ds

useloops/useloops-ds

2 lines (1 loc) • 520 B
1
2
"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material");const s=e.styled(e.LinearProgress)(({theme:r})=>({[`&.${e.linearProgressClasses.root}`]:{backgroundColor:r.custom.palette.neutral[200],borderRadius:r.custom.radius.round,[`& .${e.linearProgressClasses.bar}`]:{backgroundColor:r.custom.palette.green[500],borderRadius:`0 ${r.custom.radius.round}px ${r.custom.radius.round}px 0`}}}));module.exports=e=>{const{variation:a,value:o,...t}=e;return r.jsx(s,{variant:a,value:o?Math.min(o,100):o,...t})};