@frontify/fondue
Version:
Design system of Frontify
44 lines (43 loc) • 2.34 kB
JavaScript
import { jsxs as r, Fragment as d, jsx as e } from "react/jsx-runtime";
function a({ emoji: t }) {
return /* @__PURE__ */ r("div", { className: "tw-flex tw-items-center tw-border-t tw-border-t-[rgb(243,244,246)] tw-p-2", children: [
/* @__PURE__ */ e("div", { className: "tw-flex tw-items-center tw-justify-center tw-text-3xl", children: t == null ? void 0 : t.skins[0].native }),
/* @__PURE__ */ r("div", { className: "tw-overflow-hidden tw-pl-2", children: [
/* @__PURE__ */ e("div", { className: "tw-truncate tw-text-sm tw-text-[rgb(75,85,99)]", children: t == null ? void 0 : t.name }),
/* @__PURE__ */ e("div", { className: "tw-truncate tw-text-xs tw-text-[rgb(156,163,175)]", children: `:${t == null ? void 0 : t.id}:` })
] })
] });
}
function x({ i18n: t }) {
return /* @__PURE__ */ r("div", { className: "tw-flex tw-items-center tw-border-t tw-border-t-[rgb(243,244,246)] tw-p-2", children: [
/* @__PURE__ */ e("div", { className: "tw-flex tw-items-center tw-justify-center tw-text-3xl", children: "😢" }),
/* @__PURE__ */ r("div", { className: "tw-overflow-hidden tw-pl-2", children: [
/* @__PURE__ */ e("div", { className: "tw-truncate tw-text-sm tw-text-[rgb(75,85,99)]", children: t.searchNoResultsTitle }),
/* @__PURE__ */ e("div", { className: "tw-truncate tw-text-xs tw-text-[rgb(156,163,175)]", children: t.searchNoResultsSubtitle })
] })
] });
}
function h({ i18n: t }) {
return /* @__PURE__ */ r("div", { className: "tw-flex tw-items-center tw-border-t tw-border-t-[rgb(243,244,246)] tw-p-2", children: [
/* @__PURE__ */ e("div", { className: "tw-flex tw-items-center tw-justify-center tw-text-3xl", children: "☝️" }),
/* @__PURE__ */ e("div", { className: "tw-overflow-hidden tw-pl-2", children: /* @__PURE__ */ e("div", { className: "tw-truncate tw-text-lg tw-text-[rgb(156,163,175)]", children: t.pick }) })
] });
}
function f({
emoji: t,
hasFound: s = !0,
isSearching: c = !1,
i18n: l,
...w
}) {
const n = !t && !(c && !s), i = c && !s;
return /* @__PURE__ */ r(d, { children: [
t && /* @__PURE__ */ e(a, { emoji: t, ...w }),
n && /* @__PURE__ */ e(h, { i18n: l, ...w }),
i && /* @__PURE__ */ e(x, { i18n: l, ...w })
] });
}
export {
f as EmojiPickerPreview
};
//# sourceMappingURL=EmojiPickerPreview.es.js.map