// Module ID: 6374
// Function ID: 6375
// Name: useFrameSize
// Dependencies: [19, 17, 21, 6375, 6376, 1522]
// Exports: FrameSizeProvider, useFrameSize

// Module 6374 (useFrameSize)
import useEffectDefault from "useEffect" /* 1522 */;
import is from "is" /* 6376 */;
import closure_3 from "noop" /* 19 */;
import { Platform } from "get ActivityIndicator" /* 17 */;
import jsxProd from "jsxProd" /* 21 */;
import __react_navigation__elements_contexts from "__react_navigation__elements_contexts" /* 6375 */;

require = arg1;
({ jsx, jsxs: c4 } = jsxProd);
const namedContext = __react_navigation__elements_contexts.getNamedContext("FrameContext", undefined);

export const useFrameSize = function useFrameSize(arg0, arg1) {
  const context = React.useContext(closure_5);
  if (null == context) {
    const _Error = Error;
    error = new Error("useFrameSize must be used within a FrameSizeProvider");
    throw error;
  } else {
    const obj = is;
    const tmp5 = arg1 ? context.subscribeThrottled : context.subscribe;
    return obj.useSyncExternalStoreWithSelector(tmp5, context.getCurrent, context.getCurrent, arg0);
  }
};
export const FrameSizeProvider = function FrameSizeProvider(initialFrame) {
  initialFrame = initialFrame.initialFrame;
  closure_0 = undefined;
  importDefault = undefined;
  dependencyMap = undefined;
  let React;
  let callback;
  let redux;
  let ref;
  let obj = { width: initialFrame.width, height: initialFrame.height };
  closure_0 = React.useRef(obj);
  importDefault = React.useRef(new Set());
  const tmp2 = useEffectDefault(() => ref.current);
  dependencyMap = tmp2;
  const tmp3 = useEffectDefault((arg0) => {
    closure_0 = arg0;
    let current = ref2.current;
    current.add(arg0);
    return () => {
      const current = closure_1_1.current;
      current.delete(closure_0);
    };
  });
  React = tmp3;
  const tmp4 = useEffectDefault((arg0) => {
    closure_0 = arg0;
    c2 = false;
    const callback = false;
    closure_4 = callback(() => {
      clearTimeout(timeout);
      c2 = true;
      if (c3) {
        const _setTimeout2 = setTimeout;
        timeout = setTimeout(() => {
          if (c2) {
            c2 = false;
            callback();
          }
        }, 100);
      } else {
        c3 = true;
        const _setTimeout = setTimeout;
        const timerId = setTimeout(() => {
          c3 = false;
        }, 100);
        c2 = false;
        callback();
      }
    });
    return () => {
      callback2();
      clearTimeout(closure_1);
    };
  });
  callback = tmp4;
  const items = [tmp3, tmp4, tmp2];
  const memo = React.useMemo(() => ({ getCurrent: closure_2, subscribe: closure_3, subscribeThrottled: closure_4 }), items);
  const tmp6 = useEffectDefault((height) => {
    if (!tmp2) {
      const obj = { width: null, height: null };
      ({ width: obj[0], height: obj[1] } = height);
      tmp.current = obj;
      const current = ref2.current;
      const item = current.forEach((arg0) => arg0());
    }
  });
  redux = tmp6;
  ref = React.useRef(null);
  const items1 = [tmp6];
  const effect = React.useEffect(() => {
    const current = ref.current;
    if (current != null) {
      current.measure((arg0, arg1, arg2, arg3) => {
        if (!tmp) {
          const obj = { width: null, height: null };
          obj[0] = arg2;
          obj[1] = arg3;
          callback(obj);
        }
      });
    }
  }, items1);
  obj = { value: memo, children: null };
  obj = {
    ref,
    onLayout(nativeEvent) {
      const layout = nativeEvent.nativeEvent.layout;
      callback2({ width: layout.width, height: layout.height });
    }
  };
  const items2 = [null, initialFrame.render(obj)];
  obj[1] = items2;
  return callback(redux.Provider, obj);
};