import React from 'react';
import { Emoji } from '../commons/Emoji';
import { getStyleForTopLevelComponent } from '../../core/utils/getStyleForTopLevelComponent';
import '../styles/emoji.sass';
import '../styles/emojiDefaults.sass';
export var EmojiPanel = function (_a) {
    var code = _a.code, className = _a.className;
    var emojis = code.map(function (code, index) { return (React.createElement("li", { className: "emoji-item", key: "emojiPanel_" + index },
        React.createElement(Emoji, { code: code }))); });
    return (React.createElement("div", { className: "universal-login-emojis" },
        React.createElement("div", { className: getStyleForTopLevelComponent(className) },
            React.createElement("ul", { className: "emoji-panel-list" }, emojis))));
};
//# sourceMappingURL=EmojiPanel.js.map