// Metro module 16715 (f16716).
import { NativeModules, View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { Text } from "../../../design/components/Text/native/Text";
import { intl } from "../../../intl/index.native";
import SafetyFlows_messages from "../SafetyFlows.messages";
import { Button } from "../../../design/components/Button/native/Button.native";
const useStyles = createStyles({
  container: {
    flexDirection: "column",
    justifyContent: "center",
    gap: Module712.space.PX_8
  },
  buttonContainer: {
    marginTop: Module712.space.PX_8
  }
});
export default function UpdateAppScreen() {
  const styles = useStyles();
  return <View style={styles.container}>
    <Text variant="heading-lg/semibold">
      {intl.string(SafetyFlows_messages.yxqMCD)}
    </Text>
    <Text variant="text-md/normal" color="text-muted">
      {intl.string(SafetyFlows_messages.VBZJJg)}
    </Text>
    <View style={styles.buttonContainer}>
      <Button onPress={function onPress() {
        NativeModules.BundleUpdaterManager.reload();
      }} text={intl.string(SafetyFlows_messages.o4D6fm)} variant="primary" size="md" />
    </View>
  </View>;
};