import React from 'react' ; import { Emoji } from '../commons/Emoji' ; import '../styles/base/emoji.sass' ; import '../styles/themes/Legacy/emojiThemeLegacy.sass' ; import '../styles/themes/UniLogin/emojiThemeUniLogin.sass' ; import '../styles/themes/Jarvis/emojiThemeJarvis.sass' ; interface EmojiPanelProps { code : number [ ] ; } export const EmojiPanel = ( { code } ) => { const emojis = code . map ( ( code , index ) => ( < li className = "emoji-item" key = { `emojiPanel_${ index }` } > < Emoji code = { code } /> < /li>)); return ( < ul className = "emoji-panel-list" > { emojis } < /ul>); } ;