First commit

hooks/useTheme.ts

@@ -0,0 +1,22 @@
+"use client";
+
+import { useState } from "react";
+import { useTheme as useNextTheme } from "next-themes";
+
+export function useTheme() {
+  const { theme, resolvedTheme, setTheme } = useNextTheme();
+  const [mounted] = useState(true);
+
+  const currentTheme = resolvedTheme ?? theme ?? "light";
+
+  const toggleTheme = () => {
+    setTheme(currentTheme === "dark" ? "light" : "dark");
+  };
+
+  return {
+    theme: currentTheme,
+    setTheme,
+    toggleTheme,
+    mounted,
+  };
+}