// Metro module 15141 (f15142).
import { useCallback, useMemo } from "react";
import { View } from "react-native";
import { ContentDismissActionType } from "../../../dismissible_content/DismissibleContentConstants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import GuildSettingsActionCreators from "../../../guild_settings/GuildSettingsActionCreators";
import { intl, t } from "../../../../intl/index.native";
import GuildPowerups_messages from "../GuildPowerups.messages";
import { BoostThisServerRive } from "../../../../_bundle/Module3901";
import { useCoachmark } from "../../../../design/components/Coachmark/native/useCoachmark.native";
const useStyles = createStyles({
  riveContainer: {
    width: 120,
    height: 80,
    alignSelf: "center"
  }
});
export default function BoostProgressBarCoachmark({ targetRef, guild, markAsDismissed }) {
  let callback2;
  callback2 = void 0;
  const styles = useStyles();
  const callback = useCallback(() => {
    markAsDismissed(ContentDismissActionType.USER_DISMISS);
  }, [markAsDismissed]);
  callback2 = useCallback(() => {
    markAsDismissed(ContentDismissActionType.TAKE_ACTION);
    GuildSettingsActionCreators.saveGuild(guild.id, {
      premiumProgressBarEnabled: true
    });
  }, [guild.id, markAsDismissed]);
  useCoachmark(targetRef, useMemo(() => ({
    title: intl.string(GuildPowerups_messages.uwV2dH),
    description: intl.string(GuildPowerups_messages.MIwlcR),
    visible: true,
    position: "bottom",
    offsetY: 8,
    onDismiss: callback,
    renderImgComponent: () => <View style={styles.riveContainer}>
      <BoostThisServerRive stateMachine="State Machine 1" />
    </View>,
    buttonLabel: intl.string(t["0CJWP2"]),
    buttonVariant: "primary",
    onButtonPress: callback2
  }), [callback, callback2, styles.riveContainer]));
  return null;
};