// Module ID: 4728
// Function ID: 4729
// Name: TabsHost
// Dependencies: [32, 109, 19, 17, 21, 4729, 4704, 4730, 4731, 4733]
// Exports: default

// Module 4728 (TabsHost)
import _slicedToArray from "_slicedToArray";
import _objectWithoutProperties from "_objectWithoutProperties";
import noop from "noop";
import { useState } from "noop";
import get_ActivityIndicator from "get ActivityIndicator";
import jsxProd from "jsxProd";

let Platform;
let StyleSheet;
let c9;
let jsx;
let metroImportAll;
const require = arg1;
let closure_3 = ["onNativeFocusChange", "experimentalControlNavigationStateInJS", "bottomAccessory", "nativeContainerStyle"];
({ Platform, StyleSheet, findNodeHandle: metroImportAll } = get_ActivityIndicator);
({ jsx, jsxs: c9 } = jsxProd);
const styles = StyleSheet.create({ fillParent: { flex: 1, width: "100%", height: "100%" } });

export default function TabsHost(onNativeFocusChange) {
  let bottomAccessory;
  let nativeContainerStyle;
  let obj = onNativeFocusChange(4729);
  obj.bottomTabsDebugLog("TabsHost render");
  onNativeFocusChange = onNativeFocusChange.onNativeFocusChange;
  let controlledBottomTabs = onNativeFocusChange.experimentalControlNavigationStateInJS;
  if (undefined === controlledBottomTabs) {
    controlledBottomTabs = ref(4704).experiment.controlledBottomTabs;
  }
  ({ bottomAccessory, nativeContainerStyle } = onNativeFocusChange);
  const tmp4 = callback2(onNativeFocusChange, closure_3);
  ref = React.useRef(null);
  const dependencyMap = React.useRef(-1);
  const effect = React.useEffect(() => {
    if (null != ref.current) {
      let num2 = outer1_8(tmp.current);
      if (num2 == null) {
        num2 = -1;
      }
      closure_2.current = num2;
      const tmp3 = closure_2;
    } else {
      closure_2.current = -1;
    }
  }, []);
  const items = [onNativeFocusChange];
  const callback = React.useCallback((nativeEvent) => {
    let num = ref.current;
    if (num == null) {
      num = -1;
    }
    onNativeFocusChange(ref[5]).bottomTabsDebugLog("TabsHost [" + num + "] onNativeFocusChange: " + JSON.stringify(nativeEvent.nativeEvent));
    if (onNativeFocusChange != null) {
      onNativeFocusChange(nativeEvent);
    }
  }, items);
  [r10041, r10042] = callback(useState("regular"), 2);
  obj = { style: fillParent.fillParent, onNativeFocusChange: callback, controlNavigationStateInJS: controlledBottomTabs, nativeContainerBackgroundColor: null, ref: null };
  let backgroundColor;
  const tmp8 = callback(useState("regular"), 2);
  const tmp9 = closure_9;
  if (nativeContainerStyle != null) {
    backgroundColor = nativeContainerStyle.backgroundColor;
  }
  obj[3] = backgroundColor;
  obj[4] = ref;
  const merged = Object.assign(tmp4);
  const items1 = [tmp4.children, ];
  if (bottomAccessory) {
    bottomAccessory = false;
  }
  items1[1] = bottomAccessory;
  obj.children = items1;
  return tmp9(ref(4730), obj);
};