'use client';

import { useEffect } from 'react';
import { useLocaleStore } from '@/store/locale';
import { getHtmlLang, isRtl } from '@/i18n';

export default function LocaleAttributes() {
  const locale = useLocaleStore((s) => s.locale);

  useEffect(() => {
    document.documentElement.lang = getHtmlLang(locale);
    document.documentElement.dir = isRtl(locale) ? 'rtl' : 'ltr';
  }, [locale]);

  return null;
}