// Metro module 14643 (f14644).
import { StyleSheet, View } from "react-native";
import ReanimatedRexport, { useSharedValue, Easing } from "../../reanimated/ReanimatedRexport";
import { withTiming } from "../../../design/animation/reanimated/timing/timing";
export function CollectiblesProgressiveImage(props) {
  const { source, style, ...props2 } = props;
  const sharedValue = useSharedValue(0);
  return <View style={style}>
    <ReanimatedRexport.Image {...props2} source={source} style={{
      ...StyleSheet.absoluteFillObject,
      opacity: sharedValue
    }} onLoad={function onLoad() {
      sharedValue.set(withTiming(1, {
        duration: 500,
        easing: Easing.inOut(Easing.ease)
      }));
    }} />
  </View>;
}