"use client";
import { useEffect, useState } from "react";
import i18n from "../../i18n/i18n";
import { dir } from "i18next";

export default function ClientProvider({ children }: { children: React.ReactNode }) {
  const [locale, setLocale] = useState("en");

  useEffect(() => {
    const saved = localStorage.getItem("locale") || "en";
    i18n.changeLanguage(saved);
    setLocale(saved);
  }, []);

  return (
      <div data-locale={locale} dir={dir(locale)}>
        {children}
      </div>
  );
}