import EmojiThumbUp from "../../assets/icons/emoji.thumb.up.svg";
import EmojiThumbDown from "../../assets/icons/emoji.thumb.down.svg";
import EmojiSmile from "../../assets/icons/emoji.smile.svg";
import EmojiCelebrate from "../../assets/icons/emoji.celebrate.svg";
import EmojiUnhappy from "../../assets/icons/emoji.unhappy.svg";
import EmojiHeart from "../../assets/icons/emoji.heart.svg";
import EmojiRocket from "../../assets/icons/emoji.rocket.svg";
import EmojiLook from "../../assets/icons/emoji.look.svg";

const Emojis = {
  "👍": <EmojiThumbUp className="emoji" />,
  "👎": <EmojiThumbDown className="emoji" />,
  "😄": <EmojiSmile className="emoji" />,
  "👀": <EmojiLook className="emoji" />,
  "🚀": <EmojiRocket className="emoji" />,
  "❤️": <EmojiHeart className="emoji" />,
  "🙁": <EmojiUnhappy className="emoji" />,
  "🎉": <EmojiCelebrate className="emoji" />
};

export default function ReactionItem({ native = "" }) {
  if (!native || !Emojis[native]) return null;

  return Emojis[native];
}
