// Metro module 11757 (f11758).
import { Image as Image2, View, StyleSheet } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import Module11758 from "../../../../_bundle/Module11758";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
const useStyles = createStyles({
  container: {
    flex: 1,
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW,
    alignItems: "center",
    justifyContent: "center"
  },
  border: {
    height: StyleSheet.hairlineWidth,
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWEST
  },
  description: {
    marginTop: 16,
    textAlign: "center"
  }
});
export default function NsfwGateChat() {
  const styles = useStyles();
  return <>
    <View style={styles.border} />
    <View style={styles.container}>
      <Image2 source={Module11758} />
      <Text style={styles.description} variant="text-md/medium" color="text-muted">
        {intl.string(t.W4Qyxr)}
      </Text>
    </View>
  </>;
};