// Metro module 8725 (f8726).
import { useEffect } from "react";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import ReanimatedRexport, { useSharedValue, withRepeat, useAnimatedStyle } from "../../reanimated/ReanimatedRexport";
import { withTiming } from "../../../design/animation/reanimated/timing/timing";
const useStyles = createStyles({
  skeletonContainer: {
    height: 16,
    flex: 1,
    borderRadius: Module712.radii.xs,
    backgroundColor: Module712.colors.REDESIGN_BUTTON_TERTIARY_BACKGROUND
  }
});
const __initData = {
  code: "function CollectiblesShopPricePlaceholderTsx1(){const{opacity}=this.__closure;return{opacity:opacity.get()};}"
};
export function CollectiblesShopPricePlaceholder(props) {
  const style = props.style;
  const styles = useStyles();
  const sharedValue = useSharedValue(0.3);
  useEffect(() => {
    sharedValue.set(withRepeat(withTiming(1, {
      duration: 650
    }), -1, true));
  }, [sharedValue]);
  const h = () => ({
    opacity: sharedValue.get()
  });
  h.__closure = {
    opacity: sharedValue
  };
  h.__workletHash = 10107093534072;
  h.__initData = __initData;
  return <ReanimatedRexport.View style={[styles.skeletonContainer, style, useAnimatedStyle(h)]} />;
}