<!-- Emojiepedia Picker Widget -->
<link rel="stylesheet" href="https://emojiepedia.com/embed/emoji-picker.css">
<script src="https://emojiepedia.com/embed/emoji-picker.js"></script>
<script>
  EmojiPicker.create('#my-input', {
    theme: 'auto', // 'light' | 'dark' | 'auto'
    onSelect: (emoji) => console.log('Selected:', emoji),
  });
</script>

import EmojiPicker from 'emojiepedia/embed/emoji-picker';

const picker = EmojiPicker.create('#my-input', {
  theme: 'auto',
  onSelect: (emoji) => {
    // Handle selected emoji
    console.log(emoji);
  },
});

// Clean up when done
picker.destroy();