Function useIsRtl

lib/core/useIsRtl.ts:4–19

(
  element: HTMLElement | null,
  dir: HTMLAttributes<HTMLElement>["dir"]
)

import { isRtl } from "../utils/isRtl";

export function useIsRtl(
  element: HTMLElement | null,
  dir: HTMLAttributes<HTMLElement>["dir"]
) {
  const [value, setValue] = useState(dir === "rtl");

  useLayoutEffect(() => {
    if (element) {
      if (!dir) {
        setValue(isRtl(element));
      }
    }
  }, [dir, element]);

  return value;
}