37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
// 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)]} />;
|
|
}
|