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',
        marginBottom: '20px',
        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