@frontify/fondue
Version:
Design system of Frontify
63 lines (62 loc) • 1.83 kB
JavaScript
import { jsxs as x, jsx as r } from "react/jsx-runtime";
import { EmojiSettings as E } from "@udecode/plate-emoji";
import { emojiSearchIcons as P, emojiCategoryIcons 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: h,
search: P
},
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