@modern-kit/react/dist/hooks/usePreferredColorScheme/index.mjs

modern-kit/react

import { useMediaQuery } from '../useMediaQuery/index.mjs';
import '@modern-kit/utils';
import '../useEventListener/index.mjs';
import '../usePreservedCallback/index.mjs';
import 'react';
import '../useIsomorphicLayoutEffect/index.mjs';

function usePreferredColorScheme() {
  const isDark = useMediaQuery("(prefers-color-scheme: dark)");
  return isDark ? "dark" : "light";
}

export { usePreferredColorScheme };
//# sourceMappingURL=index.mjs.map