@chayns-components/core/lib/esm/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.js

A set of beautiful React components for developing your own applications with chayns.

import styled from 'styled-components';
import { motion } from 'motion/react';
export const StyledHighlightSliderItem = styled.div`
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    cursor: pointer;
`;
export const StyledHighlightSliderItemProgress = styled(motion.div)`
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: ${_ref => {
  let {
    $backgroundColor
  } = _ref;
  return $backgroundColor;
}};
`;
export const StyledHighlightSliderItemBackground = styled(motion.div)`
    height: 4px;
    width: 100%;
    border-radius: 2px;
    background-color: ${_ref2 => {
  let {
    $backgroundColor
  } = _ref2;
  return $backgroundColor;
}};
`;
//# sourceMappingURL=HighlightSliderItem.styles.js.map