// 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>;
};