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
