// Metro module 9313 (f9314).
import { useMemo } from "react";
import { View, StyleSheet } from "react-native";
import UserStore from "../../../../stores/UserStore";
import { AnalyticsPages } from "../../../../Constants";
import { DismissibleContent } from "../../../../_bundle/Module1358";
import * as _Module9314 from "../../../../_bundle/Module9314";
import * as _Module9315 from "../../../../_bundle/Module9315";
import * as _Module9316 from "../../../../_bundle/Module9316";
import * as _Module9317 from "../../../../_bundle/Module9317";
import * as _Module9318 from "../../../../_bundle/Module9318";
import * as _Module9319 from "../../../../_bundle/Module9319";
import * as _Module9320 from "../../../../_bundle/Module9320";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import useAnalyticsLocations from "../../../app_analytics/useAnalyticsLocations";
import { useStateFromStores } from "../../../../_bundle/Module589";
import * as _PremiumUtils from "../../../../utils/PremiumUtils";
import openPremiumModal from "../../../../components_native/premium/openPremiumModal";
import { PremiumFeatureCardOrder } from "../../../user_settings/premium/native/PremiumFeaturesCards";
import Module12 from "../../../../_bundle/Module12";
import SuperReactionLocalImageAnimation from "./SuperReactionLocalImageAnimation";
import * as _Module6106 from "../../../../_bundle/Module6106";
import PremiumUpsellTooltipActionSheet from "../../../upsell_tooltip/native/PremiumUpsellTooltipActionSheet";
import { intl, t } from "../../../../intl/index.native";
import { BACKDROP_OPACITY } from "./BurstReactionEffectUtils";
import { NitroWheel } from "../../../../design/void/native";
import ActionSheetActionCreators from "../../../action_sheet/native/ActionSheetActionCreators";
const SUPER_REACTIONS_COACHMARK_MOBILE = DismissibleContent.SUPER_REACTIONS_COACHMARK_MOBILE;
let c6132_9 = [_Module9314, _Module9315, _Module9316, _Module9317, _Module9315, _Module9318, _Module9319, _Module9320];
const useStyles = createStyles({
  fill: {
    ...StyleSheet.absoluteFillObject,
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
    top: -150
  },
  nitroIcon: {
    tintColor: Module712.colors.WHITE,
    width: 32,
    height: 32,
    marginVertical: -8,
    marginRight: -4
  },
  description: {
    paddingHorizontal: 16
  }
});
export default function SuperReactionCoachmarkActionSheet(props) {
  const onDismiss = props.onDismiss;
  const styles = useStyles();
  const analyticsLocations = useAnalyticsLocations().analyticsLocations;
  const analyticsLocation = {
    page: AnalyticsPages.PREMIUM_UPSELL_BURST_REACTIONS
  };
  const isPremium = _PremiumUtils.isPremium(useStateFromStores([UserStore], () => UserStore.getCurrentUser()));
  const memo = useMemo(() => <View style={styles.fill}>
    <SuperReactionLocalImageAnimation localImageSource={c6132_9[Module12.random(0, c6132_9.length - 1)]} animationSource={_Module6106} />
  </View>, [styles]);
  return isPremium ? null : <PremiumUpsellTooltipActionSheet title={intl.string(t.Wfl5zp)} backdropProps={{
    backdropOpacity: BACKDROP_OPACITY,
    backdropChildren: memo
  }} description={intl.string(t.eikz43)} descriptionStyle={styles.description} dismissibleContent={SUPER_REACTIONS_COACHMARK_MOBILE} primaryButtonText={intl.string(t.sEAnVH)} primaryButtonIcon={() => <NitroWheel style={styles.nitroIcon} />} onPrimaryButtonPress={() => {
    ActionSheetActionCreators.hideActionSheet();
    openPremiumModal({
      analyticsLocation,
      analyticsLocations,
      premiumFeatureCardOrder: PremiumFeatureCardOrder.TIER_2_LEADING
    });
  }} secondaryButtonText={intl.string(t.TulDPl)} onDismiss={onDismiss} />;
};