// Metro module 15734 (f15735).
import { View } from "react-native";
import { SafetyHubLinks } from "../SafetyHubConstants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { SafeAreaPaddingView } from "../../../components_native/common/SafeAreaView";
import { IconButton } from "../../../design/components/Button/native/IconButton.native";
import { intl, t } from "../../../intl/index.native";
import AuthenticationActionCreators from "../../../actions/AuthenticationActionCreators";
import Module7699 from "../../../_bundle/Module7699";
import { Text } from "../../../design/components/Text/native/Text";
import Linking from "../../../lib/native/Linking";
import SafetyHubPage from "./SafetyHubPage";
const useStyles = createStyles({
  container: {
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW,
    display: "flex",
    flexDirection: "column",
    height: "100%"
  },
  header: {
    backgroundColor: Module712.colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_DEFAULT,
    flexDirection: "row",
    paddingVertical: Module712.space.PX_8,
    alignItems: "center"
  },
  text: {
    marginRight: Module712.space.PX_8,
    textAlign: "left",
    flexShrink: 1
  },
  link: {
    textDecorationLine: "underline"
  }
});
export default function SuspendedUserSafetyHubPage() {
  const styles = useStyles();
  return <SafeAreaPaddingView top right left>
    <View style={styles.container}>
      <View style={styles.header}>
        <IconButton variant="destructive" accessibilityLabel={intl.string(t.cpT0Cq)} onPress={function onPress() {
          AuthenticationActionCreators.closeSuspendedUser();
        }} icon={Module7699} />
        <Text style={styles.text} onPress={function onPress() {
          Linking.openURL(SafetyHubLinks.WARNING_SYSTEM_HELPCENTER_LINK);
        }} variant="text-xs/medium" color="control-critical-primary-text-default">
          {intl.string(t["MG+Bzb"])}
          {" "}
          <Text style={styles.link} variant="text-xs/medium" color="control-critical-primary-text-default">
            {intl.string(t["9JceHN"])}
          </Text>
        </Text>
      </View>
      <SafetyHubPage visible />
    </View>
  </SafeAreaPaddingView>;
};