@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
36 lines (35 loc) • 1.26 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledHighlightSliderItemProgress = exports.StyledHighlightSliderItemBackground = exports.StyledHighlightSliderItem = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _react = require("motion/react");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledHighlightSliderItem = exports.StyledHighlightSliderItem = _styledComponents.default.div`
overflow: hidden;
position: relative;
width: 100%;
height: 4px;
border-radius: 4px;
cursor: pointer;
`;
const StyledHighlightSliderItemProgress = exports.StyledHighlightSliderItemProgress = (0, _styledComponents.default)(_react.motion.div)`
height: 4px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: ${({
$backgroundColor
}) => $backgroundColor};
`;
const StyledHighlightSliderItemBackground = exports.StyledHighlightSliderItemBackground = (0, _styledComponents.default)(_react.motion.div)`
height: 4px;
width: 100%;
border-radius: 2px;
background-color: ${({
$backgroundColor
}) => $backgroundColor};
`;
//# sourceMappingURL=HighlightSliderItem.styles.js.map