"use client";

import * as React from "react";
import { ThemeProvider as NextThemesProvider } from "next-themes";
import { useAppStore } from "@/lib/store";

export function Providers({ children }: { children: React.ReactNode }) {
  const { language } = useAppStore();

  React.useEffect(() => {
    try {
      const isRTL = language === "ur" || language === "ar";
      document.documentElement.lang = language || "en";
      document.documentElement.dir = isRTL ? "rtl" : "ltr";
    } catch {}
  }, [language]);

  return (
    <NextThemesProvider
      attribute="class"
      defaultTheme="dark"
      enableSystem
      disableTransitionOnChange={false}
    >
      {children}
    </NextThemesProvider>
  );
}