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

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

import { useMediaQuery } from "./use-media-query";
/**
 * React hook used to get the user's animation preference.
 */

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

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