// Metro module 11830 (f11831).
import { Image as Image2, View } from "react-native";
import { HubEmailConnectionSteps } from "../../HubConstants";
import { AnalyticEvents, Fonts } from "../../../../Constants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import TextStyles from "../../../rebrand/native/TextStyles";
import Module712 from "../../../../_bundle/Module712";
import { useNavigation } from "../../../../design/components/Navigator/native/useNavigation.native";
import { HubEmailConnectionScreen } from "./HubEmailConnectionModal";
import { LegacyText } from "../../../../design/void/native";
import { intl, t } from "../../../../intl/index.native";
import FormRow from "../../../../design/void/Form/native/FormRow";
import Module11831 from "../../../../_bundle/Module11831";
import AnalyticsUtils from "../../../../utils/AnalyticsUtils";
import Module11832 from "../../../../_bundle/Module11832";
const useStyles = createStyles({
  container: {
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    padding: 16
  },
  header: {
    ...TextStyles(Fonts.PRIMARY_BOLD, Module712.colors.MOBILE_TEXT_HEADING_PRIMARY, 24),
    textAlign: "center",
    marginBottom: 24
  },
  row: {
    borderRadius: Module712.radii.sm,
    marginBottom: 8,
    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH
  }
});
export default function HubEmailConnectionStudentPrompt(props) {
  const { onClose, invite } = props;
  const styles = useStyles();
  const navigation = useNavigation();
  return <HubEmailConnectionScreen>
    <View style={styles.container}>
      <LegacyText style={styles.header}>
        {intl.string(t["+/Pv0h"])}
      </LegacyText>
      <FormRow DEPRECATED_style={styles.row} leading={<Image2 source={Module11831} />} trailing={FormRow.Arrow} label={intl.string(t["a7a/D+"])} subLabel={intl.string(t.Gsegk8)} onPress={function onPress() {
        AnalyticsUtils.track(AnalyticEvents.HUB_STUDENT_PROMPT_CLICKED);
        navigation.push(HubEmailConnectionSteps.VERIFY_EMAIL, {
          onClose,
          invite
        });
      }} />
      <FormRow DEPRECATED_style={styles.row} leading={<Image2 source={Module11832} />} trailing={FormRow.Arrow} label={intl.string(t.GLG9n4)} onPress={onClose} />
    </View>
  </HubEmailConnectionScreen>;
};