41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
// Metro module 8057 (f8058).
|
|
import { View } from "react-native";
|
|
import { SAMPLE_PROFILE_ASPECT_RATIO } from "./CollectiblesPreviewConstants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import FastImage from "../../../components_native/common/FastImage";
|
|
import Module8058 from "../../../_bundle/Module8058";
|
|
import ProfileEffect from "../profile_effects/native/ProfileEffect";
|
|
const useStyles = createStyles({
|
|
profileContainer: {
|
|
position: "absolute",
|
|
display: "flex",
|
|
height: "100%",
|
|
width: "100%"
|
|
},
|
|
profileBackground: {
|
|
backgroundColor: Module712.colors.BACKGROUND_MOD_SUBTLE
|
|
},
|
|
sampleProfileImage: {
|
|
aspectRatio: SAMPLE_PROFILE_ASPECT_RATIO
|
|
},
|
|
profileBorder: {
|
|
position: "absolute",
|
|
height: "100%",
|
|
width: "100%",
|
|
borderWidth: 1,
|
|
borderColor: Module712.colors.BORDER_MUTED
|
|
}
|
|
});
|
|
export default function ProfileEffectSample(props) {
|
|
const { item, hideBackground = false } = props;
|
|
const styles = useStyles();
|
|
return <View style={[styles.profileContainer, hideBackground ? !hideBackground : styles.profileBackground]}>
|
|
<FastImage style={[styles.sampleProfileImage]} source={{
|
|
uri: Module8058
|
|
}} accessible={false} resizeMode="cover" />
|
|
{hideBackground ? !hideBackground : <View style={styles.profileBorder} />}
|
|
<ProfileEffect skuId={item.skuId} bannerAdjustment={0} useThumbnail />
|
|
</View>;
|
|
};
|