import Constants from "expo-constants";
import React from "react";
import { useTranslation } from "react-i18next";
import { View, Text } from "react-native";
import { Title, Button } from "react-native-paper";
import { purgeStoredState } from "redux-persist";
import SignOutButton from "../sign-out-button/sign-out-button.component";
import * as Updates from "expo-updates";
import * as Application from "expo-application";

export default function ScreenSettingsComponent() {
  const { t } = useTranslation();
  return (
    <View
      style={{
        flex: 1,
        display: "flex",
        alignItems: "center",

        flexDirection: "column",
      }}
    >
      <Title>
        {t("settings.labels.version", {
          number: `${Constants.expoConfig.version}(${Application.nativeBuildVersion})`,
        })}
      </Title>

      <Text>Release Channel {Updates.channel}</Text>
      <SignOutButton />
      {/* <Button title="Purge State" onPress={() => purgeStoredState()} /> */}
    </View>
  );
}