import { useState } from 'react';

export const useRTL = () => {
  const [isRTL, setIsRTL] = useState<boolean>(
    document.documentElement.getAttribute('dir') === 'rtl'
  );

  const toggleRTL = () => {
    setIsRTL(!isRTL);
    document.documentElement.setAttribute('dir', isRTL ? 'ltr' : 'rtl');
  };

  return { isRTL, toggleRTL };
};