import data from "@emoji-mart/data";
import Picker from "@emoji-mart/react";
import React, { useContext } from "react";
import { RicosContext } from "./../ricos-context/index.js";
const EmojiSelector = ({ onEmojiAdd }) => {
  const { isMobile } = useContext(RicosContext);
  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, isMobile ? `em-emoji-picker {display: flex; justify-content: center; width: 100%;}` : `em-emoji-picker {--border-radius: 0 0 8px 8px;}`), /* @__PURE__ */ React.createElement(Picker, { data, onEmojiSelect: (emoji) => onEmojiAdd(emoji.native), theme: "light" }));
};
var emoji_selector_default = EmojiSelector;
export {
  emoji_selector_default as default
};
//# sourceMappingURL=emoji-selector.js.map
