// Metro module 11665 (f11666).
import { View } from "react-native";
import AccessibilityStore from "../../../a11y/AccessibilityStore";
import GameServerStore from "../../game_server/GameServerStore";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { useStateFromStores } from "../../../../_bundle/Module589";
import useGameServerPowerupStatus from "../../game_server/hooks/useGameServerPowerupStatus";
import useGameServerPerk from "../../game_server/hooks/useGameServerPerk";
import useGuildPowerupOnShowMore from "./hooks/useGuildPowerupOnShowMore";
import GuildPowerupsPerkCard from "./GuildPowerupsPerkCard";
import { GameServerHostingRive } from "../../../../_bundle/Module3901";
const useStyles = createStyles({
  riveContainer: {
    flex: 1,
    paddingVertical: Module712.space.PX_8
  }
});
export default function GuildPowerupsGameServerCard(props) {
  const guildId = props.guildId;
  const styles = useStyles();
  const stateFromStores = useStateFromStores([GameServerStore], () => GameServerStore.getStateForGuild(guildId));
  const gameServerPowerupStatus = useGameServerPowerupStatus(guildId);
  const gameServerPerk = useGameServerPerk(guildId);
  const stateFromStores2 = useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion);
  const guildPowerupOnShowMore = useGuildPowerupOnShowMore(guildId, gameServerPerk);
  return stateFromStores == null ? null : gameServerPerk == null ? null : <GuildPowerupsPerkCard title={gameServerPerk.title} description={gameServerPerk.description} cost={gameServerPerk.cost} costDecorator="+" riveComponent={<View style={styles.riveContainer}>
    <GameServerHostingRive stateMachine="SM_Auto" dataBinding={{
      reducedMotion: stateFromStores2
    }} />
  </View>} badge="beta" status={gameServerPowerupStatus} onPress={guildPowerupOnShowMore} />;
};