// Metro module 14135 (f14136).
import { Image as Image2, View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import Module6684 from "../../../_bundle/Module6684";
import ToastActionCreators from "../../toast/native/ToastActionCreators";
import Module6550 from "../../../_bundle/Module6550";
let useStyles;
const QuestDockDismissalNotification = function QuestDockDismissalNotification() {
  const styles = useStyles();
  return <Text color="mobile-text-heading-primary" variant="text-sm/semibold">
    {intl.format(t.dYE1px, {
      arrowHook: () => <View style={styles.toastArrowForwardIconContainer}>
        <Image2 resizeMode="contain" source={Module6684} style={styles.toastArrowForwardIcon} />
      </View>
    })}
  </Text>;
};
useStyles = createStyles(() => ({
  toastArrowForwardIconContainer: {
    height: 6,
    width: 16
  },
  toastArrowForwardIcon: {
    opacity: 0.35,
    position: "absolute",
    top: "50%",
    left: 0,
    height: 16,
    width: 16,
    tintColor: Module712.colors.INTERACTIVE_TEXT_ACTIVE,
    transform: [{
      translateY: -10
    }]
  }
}));
export function displayQuestDismissalToast() {
  ToastActionCreators.open({
    key: "QUEST_BAR_DISMISS_TOAST",
    content: QuestDockDismissalNotification,
    icon: Module6550,
    position: "bottom"
  });
}