// Metro module 15170 (f15171).
import { Image as Image2 } from "react-native";
import { HelpdeskArticles, Fonts } from "../../../Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { scaleTextLineHeight } from "../../screen/native/useScaledTextLineHeight.android";
import Linking from "../../../lib/native/Linking";
import { PressableOpacity } from "../../../design/void/Pressables/native/Pressables";
import Module15171 from "../../../_bundle/Module15171";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import { LegacyText } from "../../../design/void/native";
let useStyles;
const handlePress = async function handlePress() {
  let c27957_1;
  c27957_1 = void 0;
  let c30851_0 = (await import("../../../utils/HelpdeskUtils")).default;
  Linking.openURL(c30851_0.getArticleURL(HelpdeskArticles.SETTING_UP_TWO_FACTOR));
};
useStyles = createStyles({
  MFAWarning: {
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW,
    padding: 10,
    alignItems: "center"
  },
  MFAWarningIcon: {
    marginVertical: 10,
    width: 98,
    height: 53
  },
  MFAWarningLink: {
    color: Module712.unsafe_rawColors.BLUE_345,
    fontFamily: Fonts.PRIMARY_SEMIBOLD
  }
});
export default function GuildMFAWarning() {
  const styles = useStyles();
  return <PressableOpacity accessibilityRole="button" style={styles.MFAWarning} onPress={handlePress}>
    <Image2 style={styles.MFAWarningIcon} source={Module15171} />
    <Text variant="text-xs/medium" color="text-default">
      {intl.string(t.ZIf8Ag)}
      <LegacyText style={styles.MFAWarningLink}>
        {" "}
        {intl.string(t.hvVgAZ)}
      </LegacyText>
    </Text>
  </PressableOpacity>;
};
export function getScaledGuildMFAWarningHeight(a0) {
  return 83 + 5 * scaleTextLineHeight("text-xs/medium", a0) + 10 + 10;
}