// Metro module 8960 (f8961).
import { Image as Image2, View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { SafeAreaPaddingView } from "../../../components_native/common/SafeAreaView";
import Module8961 from "../../../_bundle/Module8961";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import { Button } from "../../../design/components/Button/native/Button.native";
import ModalActionCreators from "../../../actions/ModalActionCreators";
const useStyles = createStyles({
  container: {
    flex: 1,
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWER,
    gap: 16,
    paddingHorizontal: 16,
    justifyContent: "center",
    flexDirection: "column"
  },
  inner: {
    flex: 1,
    flexDirection: "column",
    alignItems: "center",
    justifyContent: "center"
  },
  text: {
    marginTop: 24,
    textAlign: "center"
  },
  image: {
    tintColor: Module712.colors.TEXT_FEEDBACK_WARNING
  }
});
export default function ErrorResult(props) {
  let error = props.error;
  const hideFooter = props.hideFooter;
  const styles = useStyles();
  const r28 = [<Image2 source={Module8961} style={styles.image} />, ,];
  if (error == null) {
    error = intl.string(t.mqn873);
  }
  r28[1] = <Text style={styles.text} variant="text-md/medium">{error}</Text>;
  return <SafeAreaPaddingView bottom style={styles.container}>
    <View style={styles.inner}>{r28}</View>
    {hideFooter ? null : <Button size="lg" text={intl.string(t.cpT0Cq)} onPress={() => ModalActionCreators.pop()} />}
  </SafeAreaPaddingView>;
};