@bianic-ui/media-query/dist/cjs/media-query.hook.js

A React hook for changing properties or visibility of a component based on css media query

"use strict";

exports.__esModule = true;
exports.useAnimationPreference = useAnimationPreference;
exports.useColorModePreference = useColorModePreference;

var _useMediaQuery = require("./use-media-query");

/**
 * React hook used to get the user's animation preference.
 */
function useAnimationPreference() {
  var isReducedMotion = (0, _useMediaQuery.useMediaQuery)("(prefers-reduced-motion: reduce)");
  return !isReducedMotion;
}
/**
 * React hook for getting the user's color mode preference.
 */


function useColorModePreference() {
  var isLight = (0, _useMediaQuery.useMediaQuery)("(prefers-color-scheme: light)");
  var isDark = (0, _useMediaQuery.useMediaQuery)("(prefers-color-scheme: dark)");
  if (isLight) return "light";
  if (isDark) return "dark";
}
//# sourceMappingURL=media-query.hook.js.map