// Metro module 14616 (f14617).
import { useMemo, useEffect } from "react";
import { ContentDismissActionType } from "../../dismissible_content/DismissibleContentConstants";
import { useHasNeverWishlisted } from "./useWishlistNUXActionSheet";
import { DismissibleContent } from "../../../_bundle/Module1358";
import { useSelectedDismissibleContent } from "../../dismissible_content/hooks/useSelectedDismissibleContent";
import { useCollectiblesCoachmarkScrollDismissContext } from "./CollectiblesCoachmarkScrollDismissContext";
import { intl, t } from "../../../intl/index.native";
import { useCoachmark } from "../../../design/components/Coachmark/native/useCoachmark.native";
export default function WishlistButtonCoachmark({ anchorRef }) {
  let c21256_1, visible, registerDismiss;
  c21256_1 = void 0;
  visible = void 0;
  registerDismiss = void 0;
  const hasNeverWishlisted = useHasNeverWishlisted();
  const [r24, r25] = useSelectedDismissibleContent(useMemo(() => hasNeverWishlisted ? [DismissibleContent.WISHLIST_MOBILE_NUX_PRODUCT_CARD_COACHMARK] : [], [hasNeverWishlisted]));
  c21256_1 = r25;
  visible = r24 === DismissibleContent.WISHLIST_MOBILE_NUX_PRODUCT_CARD_COACHMARK;
  registerDismiss = useCollectiblesCoachmarkScrollDismissContext().registerDismiss;
  useEffect(() => {
    if (visible) {
      return registerDismiss(() => c21256_1(ContentDismissActionType.INDIRECT_ACTION));
    }
  }, [visible, registerDismiss, r25]);
  useCoachmark(anchorRef, useMemo(() => ({
    title: intl.string(t["47Rhc3"]),
    description: intl.string(t.PXjA0b),
    position: "top",
    visible,
    onDismiss: () => c21256_1(ContentDismissActionType.USER_DISMISS)
  }), [visible, r25]));
  return null;
};