// Metro module 6358 (f6359).
import { Image as Image2, View } from "react-native";
import { HelpdeskArticles } from "../../../Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import useTheme from "../../../hooks/useTheme";
import { LegacyText } from "../../../design/void/native";
import { intl, t } from "../../../intl/index.native";
import HelpdeskUtils from "../../../utils/HelpdeskUtils";
import { isThemeDark } from "../../../design/shared";
import Module6359 from "../../../_bundle/Module6359";
import Module6360 from "../../../_bundle/Module6360";
const useStyles = createStyles({
  container: {
    alignItems: "center"
  },
  header: {
    fontSize: 20,
    fontWeight: "700",
    color: Module712.colors.TEXT_SUBTLE,
    marginBottom: 16
  },
  image: {
    marginTop: 38
  }
});
export default function BlockedPaymentsCountryDisplay() {
  const styles = useStyles();
  const theme = useTheme();
  return <View style={styles.container}>
    <LegacyText style={styles.header}>
      {intl.string(t.vwMEHS)}
    </LegacyText>
    <LegacyText>
      {intl.format(t.IHxEJU, {
        helpdeskArticle: HelpdeskUtils.getArticleURL(HelpdeskArticles.BLOCKED_PAYMENTS)
      })}
    </LegacyText>
    <Image2 style={styles.image} source={isThemeDark(theme) ? Module6359 : Module6360} />
  </View>;
};