// Metro module 9231 (f9232).
import { Image as Image2, ScrollView, View } from "react-native";
import { resetChangeEmailStore } from "../../ChangeEmailStore";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import EmailVerificationModalActionCreators from "../../../../actions/native/EmailVerificationModalActionCreators";
import Module9188 from "../../../../_bundle/Module9188";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
import { Button } from "../../../../design/components/Button/native/Button.native";
let useStyles;
const handlePress = function handlePress() {
  resetChangeEmailStore();
  EmailVerificationModalActionCreators.close();
};
useStyles = createStyles({
  contentContainer: {
    flexGrow: 2,
    paddingHorizontal: Module712.space.PX_16,
    paddingBottom: Module712.space.PX_16,
    gap: 20,
    alignItems: "center"
  },
  image: {
    height: 190,
    width: 220,
    resizeMode: "contain"
  },
  title: {
    textAlign: "center"
  },
  body: {
    textAlign: "center"
  },
  bodyInner: {
    gap: 2
  },
  tooltip: {
    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
    width: "100%",
    padding: 12,
    borderWidth: 1,
    borderStyle: "solid",
    borderRadius: Module712.radii.sm,
    borderColor: Module712.colors.BORDER_SUBTLE,
    ...Module712.shadows.SHADOW_LOW
  }
});
export default function ChangeEmailComplete(props) {
  const email = props.email;
  const styles = useStyles();
  return <ScrollView keyboardShouldPersistTaps="handled" alwaysBounceVertical={false} contentContainerStyle={styles.contentContainer}>
    <Image2 style={styles.image} source={Module9188} />
    <View style={styles.bodyInner}>
      <Text style={styles.title} accessibilityRole="header" variant="heading-xl/extrabold" color="mobile-text-heading-primary">
        {intl.string(t["8O+nF7"])}
      </Text>
      <Text style={styles.body} variant="text-sm/medium" color="text-default">
        {intl.format(t.Zvx0O3, {
          email
        })}
      </Text>
    </View>
    <Text style={styles.tooltip} variant="text-sm/normal">
      {intl.string(t.yb7itQ)}
    </Text>
    <Button text={intl.string(t.BddRzS)} onPress={handlePress} grow />
  </ScrollView>;
};