@kubit-ui-web/react-components/dist/esm/components/progressBar/progressBar.styled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
export const ParentContainerStyled = styled.div `
  ${props => getStyles(props.styles.container)}
`;
export const BarContainerStyled = styled.div `
  ${props => getStyles(props.styles.barContainer)}
`;
export const BarStyled = styled.div `
  ${props => getStyles(props.styles.bar)}
  ${props => getStyles(props.sizeStyles?.bar)}
`;
export const ProgressBarStyled = styled.div `
  ${props => getStyles(props.styles.progressBar)}
  ${props => getStyles(props.sizeStyles?.progressBar)}
  width: ${({ progressCompleted }) => `${progressCompleted}%`};
  transition: ${({ progressAnimation }) => `width ${progressAnimation?.duration} ${progressAnimation?.timingFunction}`};
`;
//# sourceMappingURL=progressBar.styled.js.map