import { UserAuthenticationContextProvider } from "@/contexts/UserAuthenticationContext";
import UnloggedUserStackNavigation from "@/navigations/UnloggedUserStackNavigation";
import theme from "@/themes/Theme";
import ProvideQueryClient from "@components/providers_wrappers/ProvideQueryClient";
import { LOG } from "@logger";
import { NavigationContainer } from "@react-navigation/native";
import { ThemeProvider } from "@shopify/restyle";
import { StyleSheet } from "react-native";

const log = LOG.extend("App");

export default function App() {
	log.error("App started...");
	log.warn("App started...");
	log.info("App started...");
	log.http("App started...");
	log.debug("App started...");
	log.verbose("App started...");
	log.silly("App started...");
	return (
		<ThemeProvider theme={theme}>
			<NavigationContainer>
				<ProvideQueryClient>
					<UserAuthenticationContextProvider>
						{/* <View style={styles.container}> */}
						{/* <SafeAreaProvider>
					<StatusBar style="auto" />
					<UserLoginScreen />
				</SafeAreaProvider> */}
						<UnloggedUserStackNavigation />
						{/* </View> */}
					</UserAuthenticationContextProvider>
				</ProvideQueryClient>
			</NavigationContainer>
		</ThemeProvider>
	);
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: "#fff",
		alignItems: "center",
		justifyContent: "center",
	},
});

const NavigatonRenderer = () => {};