use-reduced-motion-config.mjs 560 B

12345678910111213141516171819
  1. import { useContext } from 'react';
  2. import { MotionConfigContext } from '../../context/MotionConfigContext.mjs';
  3. import { useReducedMotion } from './use-reduced-motion.mjs';
  4. function useReducedMotionConfig() {
  5. const reducedMotionPreference = useReducedMotion();
  6. const { reducedMotion } = useContext(MotionConfigContext);
  7. if (reducedMotion === "never") {
  8. return false;
  9. }
  10. else if (reducedMotion === "always") {
  11. return true;
  12. }
  13. else {
  14. return reducedMotionPreference;
  15. }
  16. }
  17. export { useReducedMotionConfig };