@totalsoft/rocket-ui
Version:
A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.
40 lines • 1.22 kB
JavaScript
import { LinearProgress as MuiLinearProgress, Box } from '@mui/material';
import { styled } from '@mui/material/styles';
import Typography from '../../dataDisplay/Typography';
import { includes } from 'ramda';
export const LinearProgress = styled(MuiLinearProgress, {
shouldForwardProp: prop => !includes(prop, ['showLabel', 'labelProps'])
})(() => ({
'&.MuiLinearProgress-bar': {
height: '4px'
},
'&.MuiLinearProgress-root': {
height: '4px',
overflow: 'hidden'
}
}));
export const Label = styled(Typography)(() => ({
marginTop: '-21px'
}));
export const ComponentContainer = styled(Box, { shouldForwardProp: prop => prop !== 'global' })(({ global }) => ({
display: 'flex',
alignItems: 'center',
...(global && {
position: 'fixed',
zIndex: 9999,
top: 0,
left: 0,
right: 0,
overflow: 'hidden'
})
}));
export const LinearProgressContainer = styled(Box, {
shouldForwardProp: prop => prop !== 'hasLabel'
})(({ hasLabel, theme }) => ({
width: '100%',
...(hasLabel && {
marginRight: theme.spacing(1)
})
}));
export default LinearProgress;
//# sourceMappingURL=LinearProgressStyles.js.map