@chayns-components/devalue-slider/lib/esm/hooks/design.js

A slider to devalue something.

import { useTransform } from 'motion/react';
import { useEffect, useMemo, useState } from 'react';
export const useThumbIcon = (x, iconColor) => {
  const [icon, setIcon] = useState('fas fa-arrow-right');
  const opacity = useTransform(x, [0, 5, 6, 200], [1, 0, 0, 1]);
  const styles = useMemo(() => ({
    opacity,
    color: iconColor
  }), [iconColor, opacity]);
  useEffect(() => x.on('change', value => {
    if (value > 5) {
      setIcon('fas fa-check');
    } else {
      setIcon('fas fa-arrow-right');
    }
  }), [x]);
  return useMemo(() => ({
    icon,
    styles
  }), [icon, styles]);
};
//# sourceMappingURL=design.js.map