import { StatusBar } from "expo-status-bar";
import React from "react";
import {
  SafeAreaView,
  StatusBar as rnStatusBar,
  StyleSheet,
  Text,
  View,
} from "react-native";
import { store, persistor } from "./redux/store";
import { Provider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react";

export default function App() {
  return (
    <Provider store={store}>
      <PersistGate persistor={persistor}>
        <SafeAreaView style={styles.container}>
          <View style={styles.container}>
            <Text>Open up App.js to start working on your app! ttt</Text>
            <StatusBar style="auto" />
          </View>
        </SafeAreaView>
      </PersistGate>
    </Provider>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center",
    paddingTop: Platform.OS === "android" ? rnStatusBar.currentHeight : 0,
  },
});