// Metro module 11877 (f11878).
import { View } from "react-native";
import AccessibilityStore from "../../a11y/AccessibilityStore";
import { EMBEDDED_ACTIVITIES_BLOG_POST_URL } from "../Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { useStateFromStores } from "../../../_bundle/Module589";
import * as _ReanimatedRexport from "../../reanimated/ReanimatedRexport";
import ReanimatedRexport, { useAnimatedStyle } from "../../reanimated/ReanimatedRexport";
import * as _timing from "../../../design/animation/reanimated/timing/timing";
import { Tooltip } from "../../../design/void/native";
import { intl, t } from "../../../intl/index.native";
import { Button } from "../../../design/components/Button/native/Button.native";
const TIMING_CONFIG = {
  duration: 500
};
const useStyles = createStyles({
  arrow: {
    marginLeft: 200,
    top: 9,
    position: "relative",
    borderTopWidth: 0,
    borderRightWidth: 0,
    borderBottomWidth: 16,
    borderLeftWidth: 16,
    transform: [{
      rotateZ: "225deg"
    }]
  },
  tooltip: {
    padding: 16
  },
  tooltipContainer: {
    position: "absolute",
    width: 280,
    zIndex: 2,
    right: -48,
    top: -8
  },
  tooltipText: {
    textAlign: "center",
    fontSize: 14
  },
  closeButtonWrapper: {
    marginTop: 14
  }
});
const __initData = {
  code: "function ActivitiesPrivateChannelCallTooltipTsx1(){const{withRepeat,withSequence,withTiming,OFFSET,translateBounceOffset,TIMING_CONFIG}=this.__closure;return{transform:[{translateY:withRepeat(withSequence(withTiming(OFFSET,{duration:0}),withTiming(OFFSET+translateBounceOffset,TIMING_CONFIG),withTiming(OFFSET,TIMING_CONFIG)),10)}]};}"
};
export default function ActivitiesPrivateChannelCallTooltip(props) {
  let c19245_0;
  const onClosePress = props.onClosePress;
  c19245_0 = void 0;
  const styles = useStyles();
  const translateBounceOffset = useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion) ? 0 : 4;
  c19245_0 = translateBounceOffset;
  const T = function T() {
    return {
      transform: [{
        translateY: _ReanimatedRexport.withRepeat(_ReanimatedRexport.withSequence(_timing.withTiming(40, {
          duration: 0
        }), _timing.withTiming(40 + c19245_0, TIMING_CONFIG), _timing.withTiming(40, TIMING_CONFIG)), 10)
      }]
    };
  };
  T.__closure = {
    withRepeat: _ReanimatedRexport.withRepeat,
    withSequence: _ReanimatedRexport.withSequence,
    withTiming: _timing.withTiming,
    OFFSET: 40,
    translateBounceOffset,
    TIMING_CONFIG
  };
  T.__workletHash = 4621705591670;
  T.__initData = __initData;
  return <ReanimatedRexport.View style={[styles.tooltipContainer, useAnimatedStyle(T)]}>
    <Tooltip containerStyle={styles.tooltip} labelStyle={styles.tooltipText} arrowStyle={[styles.arrow]} label={intl.format(t.xAW71b, {
      helpdeskUrl: EMBEDDED_ACTIVITIES_BLOG_POST_URL
    })} title={intl.string(t.HOPqzR)}>
      <View style={styles.closeButtonWrapper}>
        <Button text={intl.string(t["NX+WJN"])} onPress={onClosePress} variant="secondary" size="sm" grow />
      </View>
    </Tooltip>
  </ReanimatedRexport.View>;
};