// Metro module 10341 (f10342).
import { memo, useCallback } from "react";
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { intl, t } from "../../../intl/index.native";
import { transitionToMessage } from "../../routing/transitionToChannel";
import { JumpType } from "../../../flow/Client";
import { NotificationPressable } from "./Notification";
import { RetryIcon } from "../../../design/components/Icon/native/redesign/generated/RetryIcon";
import { SystemMessageText } from "./MessagePreviewText";
const useStyles = createStyles({
  iconContainer: {
    width: 40,
    height: 40,
    backgroundColor: Module712.colors.BACKGROUND_MOD_SUBTLE,
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    borderRadius: Module712.radii.md
  }
});
const r37 = memo(function MessageFailedToSendNotification(props) {
  const notification = props.notification;
  const styles = useStyles();
  const header = {
    type: "simple",
    text: intl.string(t.Q0x94X)
  };
  const { channelId, messageId } = notification;
  return <NotificationPressable icon={<View style={styles.iconContainer}>
    <RetryIcon size="md" color={Module712.colors.ICON_SUBTLE} />
  </View>} header={header} onPress={useCallback(() => {
    transitionToMessage(channelId, messageId, {
      jumpType: JumpType.INSTANT
    });
  }, [channelId, messageId])} notification={notification}>
    <SystemMessageText text={intl.string(t.xxRPOT)} />
  </NotificationPressable>;
});
export default r37;