// Metro module 14916 (f14917).
import { memo } from "react";
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import useColorThemeBackground from "../../client_themes/native/useColorThemeBackground";
import { useIsCustomThemeActive } from "../../client_themes/native/useActiveTheme";
import useSafeAreaInsets_native from "../../safe_area/useSafeAreaInsets.native";
import { ThemeContextProvider } from "../../../_bundle/Module3901";
import ThemedGradient from "../../client_themes/native/ThemedGradient";
import MainTabsNavigatorPanel from "./panels/MainTabsNavigatorPanel";
const useStyles = createStyles({
  container: {
    flex: 1
  }
});
const r30 = memo(function MainTabs() {
  const colorThemeBackground = useColorThemeBackground();
  const isCustomThemeActive = useIsCustomThemeActive();
  const styles = useStyles();
  const safeAreaInsets_native = useSafeAreaInsets_native();
  return <View style={[styles.container, {
    marginLeft: safeAreaInsets_native.left,
    marginRight: safeAreaInsets_native.right
  }]}>
    <ThemeContextProvider gradient={colorThemeBackground}>
      <ThemedGradient absolute mix={isCustomThemeActive} />
      <MainTabsNavigatorPanel />
    </ThemeContextProvider>
  </View>;
});
export default r30;