import { useEffect, useState } from "react";
import { AccessibilityInfo } from "react-native";
import { a11yConfig } from "../../configs";

export const useA11yEnabled = () => {
  const [state, setState] = useState(false);
  useEffect(() => {
    AccessibilityInfo.isScreenReaderEnabled().then(setState);
    const listener = AccessibilityInfo.addEventListener(
      a11yConfig.a11yEventName,
      setState,
    );
    return () => listener.remove();
  }, []);

  return state;
};