"use client";

import { useLayoutEffect } from "react";

type LocaleDocumentSyncProps = {
  locale: string;
};

export function LocaleDocumentSync({ locale }: LocaleDocumentSyncProps) {
  useLayoutEffect(() => {
    const dir = locale === "ar" ? "rtl" : "ltr";

    document.documentElement.lang = locale;
    document.documentElement.dir = dir;
  }, [locale]);

  return null;
}