// Metro module 16129 (f16130).
import { useState } from "react";
import { View } from "react-native";
import { HelpdeskArticles } from "../../../../Constants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import { useNavigation } from "../../../../design/components/Navigator/native/useNavigation.native";
import { SafeAreaPaddingView } from "../../../../components_native/common/SafeAreaView";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
import HelpdeskUtils from "../../../../utils/HelpdeskUtils";
import { Button } from "../../../../design/components/Button/native/Button.native";
const useStyles = createStyles({
  container: {
    padding: 16,
    flex: 1,
    alignItems: "center",
    justifyContent: "center"
  },
  header: {
    textAlign: "center",
    marginBottom: 8
  },
  body: {
    textAlign: "center",
    lineHeight: 20,
    marginBottom: 16
  },
  buttonWrapper: {
    width: "100%"
  }
});
export default function ExistingUserAgeGateConfirm(props) {
  let navigation, setState;
  const { age, onConfirm } = props;
  navigation = void 0;
  setState = void 0;
  let _handleConfirm2 = function _handleConfirm() {
    const r9 = async () => {
      let c30957_3 = 0;
      L12: {
        try {
          setState(true);
          c30957_3 = 1;
          if ((await onConfirm()).shouldShowError) {
            navigation.pop();
          }
          c30957_3 = 0;
          (0, setState)(false);
        } catch ($e) {
          let r7 = $e;
          if (c30957_3 !== 0) {
            while (true) {
              try {
                c30957_3 = 0;
                navigation.pop();
                (0, setState)(false);
                break L12;
              } catch ($e) {
                r7 = $e;
                if (c30957_3 === 0) {
                  break;
                }
              }
            }
          }
          throw r7;
        }
      }
    };
    _handleConfirm2 = r9;
    return r9.apply(this, arguments);
  };
  const styles = useStyles();
  navigation = useNavigation();
  let loading;
  [loading, setState] = useState(false);
  return <SafeAreaPaddingView top style={styles.container}>
    <Text style={styles.header} variant="heading-xl/extrabold" color="mobile-text-heading-primary">
      {intl.format(t.wumolR, {
        age
      })}
    </Text>
    <Text style={styles.body} variant="text-md/medium" color="interactive-text-default">
      {intl.format(t.n3QjDE, {
        helpURL: HelpdeskUtils.getArticleURL(HelpdeskArticles.AGE_GATE)
      })}
    </Text>
    <View style={styles.buttonWrapper}>
      <Button loading={loading} disabled={loading} text={intl.string(t["6tahin"])} onPress={function handleConfirm() {
        return _handleConfirm2.apply(this, arguments);
      }} grow />
    </View>
  </SafeAreaPaddingView>;
};