use-luminance
Version:
A React hook for using luminance,support React18
14 lines (12 loc) • 380 B
JavaScript
import React, { useEffect } from "react";
import useLuminance from "./useLuminance";
function useTheme(bgColor) {
const luminance = useLuminance(bgColor);
const [theme, setTheme] = React.useState("light");
useEffect(() => {
setTheme(luminance < 0.5 ? "dark" : "light");
}, [luminance]);
return theme;
}
export default useTheme;
//# sourceMappingURL=useTheme.js.map