yeet

design/components/Coachmark/native/AnimatedCoachmark.native.tsx

@@ -0,0 +1,21 @@
+// Metro module 8438 (f8439).
+import { useContext, useState, useEffect } from "react";
+import { StyleSheet } from "react-native";
+import ReanimatedRexport from "../../../../modules/reanimated/ReanimatedRexport";
+import { CoachmarkContainer } from "./Coachmark.native";
+import { AccessibilityPreferencesContext } from "../../../../_bundle/Module3908";
+import { tooltipEnterExitAnimation } from "../../Tooltip/native/TooltipConstants.native";
+import AnimatedEnterExitItem from "../../AnimatedEnterExitItem/native/AnimatedEnterExitItem";
+const renderTooltipItem = (a0, a1) => <ReanimatedRexport.View style={[a1, StyleSheet.absoluteFill]} pointerEvents="box-none">
+  {a0 != null ? <CoachmarkContainer {...a0} enterExitAnimatedStyles={a1} /> : null}
+</ReanimatedRexport.View>;
+export function AnimatedCoachmark(props) {
+  const { visible, ...rest } = props;
+  const enabled = useContext(AccessibilityPreferencesContext).reducedMotion.enabled;
+  const [state, setState] = useState(visible);
+  const entering = tooltipEnterExitAnimation(rest.position);
+  useEffect(() => {
+    setState(visible);
+  }, [visible]);
+  return <AnimatedEnterExitItem useReducedMotion={enabled} item={state ? rest : void 0} entering={entering} exiting={entering} renderItem={renderTooltipItem} />;
+}