@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
46 lines • 978 B
JavaScript
import { motion } from 'motion/react';
import styled from 'styled-components';
export const StyledProgressBar = styled.div`
position: relative;
`;
export const StyledProgressBarBackground = styled.div`
height: 10px;
width: 100%;
border-radius: 2px;
background-color: ${_ref => {
let {
theme
} = _ref;
return theme['104'];
}};
`;
export const StyledProgressBarProgressWrapper = styled.div`
overflow: hidden;
position: relative;
width: 100%;
height: 10px;
border-radius: 2px;
`;
export const StyledMotionProgressBarProgress = styled(motion.div)`
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: ${_ref2 => {
let {
theme
} = _ref2;
return theme.headline;
}};
`;
export const StyledProgressBarLabel = styled.div`
font-size: 85%;
color: ${_ref3 => {
let {
theme
} = _ref3;
return theme.headline;
}};
`;
//# sourceMappingURL=ProgressBar.styles.js.map