// Metro module 8051 (f8052).
import _slicedToArray from "../../../_bundle/_slicedToArray";
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import EmojiUtils from "../../../utils/EmojiUtils";
import Emoji from "../../emojis/native/Emoji";
let c5102_5 = [[100, 0, -40], [120, 40, -10], [100, 80, 10], [180, 20, 20], [140, 95, 15], [250, 0, 0], [250, 80, -20], [400, 90, 10], [400, 20, -20], [410, 0, 40]];
const useStyles = createStyles({
  emojisContainer: {
    alignItems: "center",
    justifyContent: "center",
    height: 250,
    width: "100%",
    position: "absolute",
    zIndex: 1,
    paddingBottom: 210
  }
});
export default ({ emojiName, randomizeSizing = false }) => {
  let c16220_1 = randomizeSizing;
  const styles = useStyles();
  const uRL = EmojiUtils.getURL(emojiName);
  return <View style={styles.emojisContainer}>
    {c5102_5.map((item, index) => {
      const r17 = _slicedToArray(item, 3);
      return <Emoji key={`${index}-${emojiName}`} src={uRL} name={emojiName} style={{
        position: "absolute",
        top: `${r17[0]}%`,
        left: `${r17[1]}%`,
        transform: [{
          rotate: `${r17[2]}deg`
        }, {
          scale: c16220_1 ? 1.5 * Math.random() + 0.5 : 1
        }]
      }} forceTextEmoji />;
    })}
  </View>;
};