"use client";
import { createContext, useContext, useMemo } from "react";
import { useDarkMode } from "@/hooks/useDarkMode";

interface DarkModeCtx { isDark: boolean; toggle: () => void; }

const DarkModeContext = createContext<DarkModeCtx>({ isDark: false, toggle: () => {} });

export function DarkModeProvider({ children }: { children: React.ReactNode }) {
  const { isDark, toggle } = useDarkMode();
  const ctxValue = useMemo(() => ({ isDark, toggle }), [isDark, toggle]);
  return <DarkModeContext.Provider value={ctxValue}>{children}</DarkModeContext.Provider>;
}

export const useDarkModeContext = () => useContext(DarkModeContext);