// Metro module 14065 (f14066).
import { useState } from "react";
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import { useToken } from "../../../../design/tokens/native/useToken";
import Module712 from "../../../../_bundle/Module712";
import { BountiesScrollIndicatorRive } from "../../../../_bundle/Module3901";
const useStyles = createStyles(() => ({
  container: {
    width: 80,
    height: 80
  }
}));
export default function BountiesScrollIndicatorAnimation(props) {
  const { visible, isFadingInContent } = props;
  const styles = useStyles();
  const token = useToken(Module712.colors.TEXT_DEFAULT);
  const [key, setState] = useState(0);
  const [state, setState2] = useState(visible);
  if (visible !== state) {
    setState2(visible);
    if (visible) {
      setState((prevState) => prevState + 1);
    }
  }
  return <View style={styles.container}>
    <BountiesScrollIndicatorRive key={key} stateMachine="State Machine 1" fit="contain" dataBinding={{
      color: token,
      startAnimation: !isFadingInContent
    }} />
  </View>;
};