vite_js

README.md

⁤

useDarkMode.jsx

import { useEffect, useState } from "react";

const useDarkMode = () => {

    // const [enabled, setEnabled] = useLocalStorage('dark-theme');
    const [enabled, setEnabled] = useState(false);
    const isEnabled = typeof enabledState === 'undefined' && enabled;

    useEffect(() => {
        const className = 'dark';
        const bodyClass = window.document.body.classList;
        isEnabled ? bodyClass.add(className) : bodyClass.remove(className);
    }, [enabled, isEnabled]);

    return [enabled, setEnabled];
};

export default useDarkMode;

utils.js

import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs) {
  return twMerge(clsx(inputs));
};