@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
44 lines (43 loc) • 1.52 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledProgressBarProgressWrapper = exports.StyledProgressBarLabel = exports.StyledProgressBarBackground = exports.StyledProgressBar = exports.StyledMotionProgressBarProgress = void 0;
var _react = require("motion/react");
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledProgressBar = exports.StyledProgressBar = _styledComponents.default.div`
position: relative;
`;
const StyledProgressBarBackground = exports.StyledProgressBarBackground = _styledComponents.default.div`
height: 10px;
width: 100%;
border-radius: 2px;
background-color: ${({
theme
}) => theme['104']};
`;
const StyledProgressBarProgressWrapper = exports.StyledProgressBarProgressWrapper = _styledComponents.default.div`
overflow: hidden;
position: relative;
width: 100%;
height: 10px;
border-radius: 2px;
`;
const StyledMotionProgressBarProgress = exports.StyledMotionProgressBarProgress = (0, _styledComponents.default)(_react.motion.div)`
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: ${({
theme
}) => theme.headline};
`;
const StyledProgressBarLabel = exports.StyledProgressBarLabel = _styledComponents.default.div`
font-size: 85%;
color: ${({
theme
}) => theme.headline};
`;
//# sourceMappingURL=ProgressBar.styles.js.map