// Module ID: 9195
// Function ID: 9196
// Name: ConfirmEmailChangeStart
// Dependencies: [5, 32, 19, 17, 1874, 21, 4193, 1480, 589, 9196, 691, 4093, 3894, 1236, 9197, 4189, 4604, 2]
// Exports: default

// Module 9195 (ConfirmEmailChangeStart)
import closure_3 from "jsxProd";
import _slicedToArray from "_slicedToArray";
import noop from "noop";
import get_ActivityIndicator from "set";
import mergeGuildAvatar from "mergeGuildAvatar";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let c10;
let closure_6;
let error;
let metroImportAll;
let unpackModuleId;
let require = arg1;
({ View: closure_6, Image: error, ScrollView: metroImportAll } = get_ActivityIndicator);
({ jsx: c10, jsxs: unpackModuleId } = jsxProd);
let closure_12 = createCacheKey.createStyles({ container: { flex: 1, padding: 16, alignItems: "center", justifyContent: "center" }, image: { height: 190, width: 220, resizeMode: "contain" }, title: { marginTop: 16, textAlign: "center" }, body: { marginTop: 8, lineHeight: 18, textAlign: "center" }, button: { marginTop: 16, width: "100%" } });
const result = require("noop").fileFinishedImporting("modules/verification/native/components/ConfirmEmailChangeStart.tsx");

export default function ConfirmEmailChangeStart() {
  const tmp = callback4();
  const require = tmp;
  let obj = require(1480) /* useNavigation */;
  const navigation = obj.useNavigation();
  let obj1 = require(589) /* initialize */;
  const items = [mergeGuildAvatar];
  const stateFromStores = obj1.useStateFromStores(items, () => currentUser.getCurrentUser());
  const tmp6 = callback(React.useState(false), 2);
  const dependencyMap = tmp6[1];
  [][0] = navigation;
  if (null == stateFromStores) {
    return null;
  } else {
    const intl = tmp2(1236).intl;
    obj = { oldEmail: null };
    obj[0] = stateFromStores.email;
    obj = { keyboardShouldPersistTaps: "handled", alwaysBounceVertical: false, children: null };
    obj1 = { style: null, children: null };
    obj1[0] = tmp.container;
    let obj2 = { style: null, source: null };
    obj2[0] = tmp.image;
    obj2[1] = navigation(9197);
    const items1 = [callback2(closure_7, obj2), , , ];
    const obj3 = { style: null, accessibilityRole: "header", variant: "heading-xl/extrabold", color: "mobile-text-heading-primary", children: null };
    obj3[0] = tmp.title;
    const intl2 = tmp2(1236).intl;
    obj3[4] = intl2.string(tmp2(1236).t.dQ71Wa);
    items1[1] = callback2(tmp2(4189).Text, obj3);
    items1[2] = intl.format(tmp2(1236).t.oMFSgi, obj).map((children) => outer1_10(tmp(table[15]).Text, { style: tmp.body, variant: "text-sm/medium", color: "text-default", children }, arg1));
    const obj4 = { style: null, children: null };
    obj4[0] = tmp.button;
    const obj5 = { text: null, onPress: null, loading: null, grow: true };
    const intl3 = tmp2(1236).intl;
    obj5[0] = intl3.string(tmp2(1236).t.rXV81H);
    obj5[1] = tmp7;
    obj5[2] = tmp6[0];
    obj4[1] = callback2(tmp2(4604).Button, obj5);
    items1[3] = callback2(closure_6, obj4);
    obj1[1] = items1;
    obj[2] = callback3(closure_6, obj1);
    return callback2(closure_8, obj);
  }
};