{"version":3,"sources":["../ui/src/components/player-components/InstagramEmoji/spray/animatedEmoji/AnimatedEmoji.tsx"],"sourcesContent":["import { IAnimateEmojiProps } from \"interfaces\";\r\nimport Emoji from \"../../../emoji/emoji\";\r\n\r\nconst AnimatedEmoji = ({emojiCode, direction}: IAnimateEmojiProps) => {\r\n    return (\r\n        <div>\r\n            <div\r\n                className={`pl-absolute ${direction === \"RIGHT\" ? \"pl-right-3\" : \"pl-left-3\"} pl-w-max pl-h-max pl-cursor-auto pl-bottom-14 pl-px-2 pl-py-1 ${direction === \"RIGHT\" ? \"pl-spray-fifth-line-emoji-right\" : \"pl-spray-fifth-line-emoji-left\"}`}>\r\n                <Emoji name={emojiCode} className=\"pl-w-[12px] pl-h-[12px] pl-cursor-auto\"/>\r\n            </div>\r\n            <div\r\n                className={`pl-absolute ${direction === \"RIGHT\" ? \"pl-right-3\" : \"pl-left-3\"} pl-w-max pl-h-max pl-cursor-auto pl-bottom-14 pl-px-2 pl-py-1 ${direction === \"RIGHT\" ? \"pl-spray-forth-line-emoji-right\" : \"pl-spray-forth-line-emoji-left\"}`}>\r\n                <Emoji name={emojiCode} className=\"pl-w-[12px] pl-h-[12px] pl-cursor-auto\"/>\r\n            </div>\r\n            <div\r\n                className={`pl-absolute ${direction === \"RIGHT\" ? \"pl-right-3\" : \"pl-left-3\"} pl-w-max pl-h-max pl-cursor-auto pl-bottom-14 pl-px-2 pl-py-1 ${direction === \"RIGHT\" ? \"pl-spray-third-line-emoji-right\" : \"pl-spray-third-line-emoji-left\"}`}>\r\n                <Emoji name={emojiCode} className=\"pl-w-[12px] pl-h-[12px] pl-cursor-auto\"/>\r\n            </div>\r\n            <div\r\n                className={`pl-absolute ${direction === \"RIGHT\" ? \"pl-right-3\" : \"pl-left-3\"} pl-w-max pl-h-max pl-cursor-auto pl-bottom-14 pl-px-2 pl-py-1 ${direction === \"RIGHT\" ? \"pl-spray-second-line-emoji-right\" : \"pl-spray-second-line-emoji-left\"}`}>\r\n                <Emoji name={emojiCode} className=\"pl-w-[12px] pl-h-[12px] pl-cursor-auto\"/>\r\n            </div>\r\n            <div\r\n                className={`pl-absolute ${direction === \"RIGHT\" ? \"pl-right-3\" : \"pl-left-3\"} pl-w-max pl-h-max pl-cursor-auto pl-bottom-14 pl-px-2 pl-py-1 ${direction === \"RIGHT\" ? \"pl-spray-first-line-emoji-right\" : \"pl-spray-first-line-emoji-left\"}`}>\r\n                <Emoji name={emojiCode} className=\"pl-w-[12px] pl-h-[12px] pl-cursor-auto\"/>\r\n            </div>\r\n            <div\r\n                className={`pl-absolute ${direction === \"RIGHT\" ? \"pl-right-3\" : \"pl-left-3\"} pl-w-max pl-h-max pl-cursor-auto pl-bottom-14 pl-px-2 pl-py-1 ${direction === \"RIGHT\" ? \"pl-spray-zero-line-emoji-right\" : \"pl-spray-zero-line-emoji-left\"}`}>\r\n                <Emoji name={emojiCode} className=\"pl-w-[12px] pl-h-[12px] pl-cursor-auto\"/>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default AnimatedEmoji;"],"mappings":"oKAAAA,IAKQ,OAGQ,OAAAC,EAHR,QAAAC,MAAA,oBAFR,IAAMC,EAAgB,CAAC,CAAC,UAAAC,EAAW,UAAAC,CAAS,IAEpCH,EAAC,OACG,UAAAD,EAAC,OACG,UAAW,eAAeI,IAAc,QAAU,aAAe,WAAW,kEAAkEA,IAAc,QAAU,kCAAoC,gCAAgC,GAC1O,SAAAJ,EAACK,EAAA,CAAM,KAAMF,EAAW,UAAU,yCAAwC,EAC9E,EACAH,EAAC,OACG,UAAW,eAAeI,IAAc,QAAU,aAAe,WAAW,kEAAkEA,IAAc,QAAU,kCAAoC,gCAAgC,GAC1O,SAAAJ,EAACK,EAAA,CAAM,KAAMF,EAAW,UAAU,yCAAwC,EAC9E,EACAH,EAAC,OACG,UAAW,eAAeI,IAAc,QAAU,aAAe,WAAW,kEAAkEA,IAAc,QAAU,kCAAoC,gCAAgC,GAC1O,SAAAJ,EAACK,EAAA,CAAM,KAAMF,EAAW,UAAU,yCAAwC,EAC9E,EACAH,EAAC,OACG,UAAW,eAAeI,IAAc,QAAU,aAAe,WAAW,kEAAkEA,IAAc,QAAU,mCAAqC,iCAAiC,GAC5O,SAAAJ,EAACK,EAAA,CAAM,KAAMF,EAAW,UAAU,yCAAwC,EAC9E,EACAH,EAAC,OACG,UAAW,eAAeI,IAAc,QAAU,aAAe,WAAW,kEAAkEA,IAAc,QAAU,kCAAoC,gCAAgC,GAC1O,SAAAJ,EAACK,EAAA,CAAM,KAAMF,EAAW,UAAU,yCAAwC,EAC9E,EACAH,EAAC,OACG,UAAW,eAAeI,IAAc,QAAU,aAAe,WAAW,kEAAkEA,IAAc,QAAU,iCAAmC,+BAA+B,GACxO,SAAAJ,EAACK,EAAA,CAAM,KAAMF,EAAW,UAAU,yCAAwC,EAC9E,GACJ,EAIDG,EAAQJ","names":["init_esm_shims","jsx","jsxs","AnimatedEmoji","emojiCode","direction","emoji_default","AnimatedEmoji_default"]}