@lunit/oui
Version:
Lunit Oncology UI components
13 lines (12 loc) • 471 B
JavaScript
import { LinearProgress as MuiLinearProgress, linearProgressClasses, styled } from '@mui/material';
const BaseLinearProgress = styled(MuiLinearProgress, {
shouldForwardProp: (prop) => prop !== 'barColor',
})(({ theme, height, barColor }) => ({
width: '100%',
height,
backgroundColor: 'transparent',
[`& .${linearProgressClasses.bar}`]: {
backgroundColor: barColor || theme.palette.lunitTeal[40],
},
}));
export default BaseLinearProgress;