import { jsxs as x, jsx as r } from "react/jsx-runtime";
import { EmojiSettings as E } from "@udecode/plate-emoji";
import { emojiCategoryIcons as P, emojiSearchIcons as h } from "./EmojiIcons.es.js";
import { EmojiPickerContent as g } from "./EmojiPickerContent.es.js";
import { EmojiPickerNavigation as C } from "./EmojiPickerNavigation.es.js";
import { EmojiPickerPreview as b } from "./EmojiPickerPreview.es.js";
import { EmojiPickerSearchAndClear as v } from "./EmojiPickerSearchAndClear.es.js";
import { EmojiPickerSearchBar as S } from "./EmojiPickerSearchBar.es.js";
function D({
  settings: m = E,
  i18n: o,
  searchValue: e,
  setSearch: c,
  clearSearch: w,
  isSearching: i,
  hasFound: f,
  searchResult: n,
  emoji: p,
  onSelectEmoji: s,
  onMouseOver: a,
  emojiLibrary: t,
  handleCategoryClick: d,
  focusedCategory: j,
  visibleCategories: l,
  refs: k
}) {
  return /* @__PURE__ */ x("div", { className: "tw-flex tw-flex-col tw-rounded tw-bg-base tw-shadow-md tw-h-[350px] tw-border-line tw-border tw-w-[316px]", children: [
    /* @__PURE__ */ r(
      C,
      {
        i18n: o,
        emojiLibrary: t,
        icons: {
          categories: P,
          search: h
        },
        focusedCategory: j,
        onClick: d
      }
    ),
    /* @__PURE__ */ r(S, { i18n: o, setSearch: c, searchValue: e, children: /* @__PURE__ */ r(v, { i18n: o, clearSearch: w, searchValue: e }) }),
    /* @__PURE__ */ r(
      g,
      {
        i18n: o,
        emojiLibrary: t,
        isSearching: i,
        searchResult: n,
        visibleCategories: l,
        settings: m,
        onSelectEmoji: s,
        onMouseOver: a,
        refs: k
      }
    ),
    /* @__PURE__ */ r(b, { i18n: o, emoji: p, hasFound: f, isSearching: i })
  ] });
}
export {
  D as EmojiPicker
};
//# sourceMappingURL=EmojiPicker.es.js.map
