import { jsxs as w, jsx as e } from "react/jsx-runtime";
import a from "../../../../../foundation/Icon/Generated/IconPeople12.es.js";
import l from "../../../../../foundation/Icon/Generated/IconPerson12.es.js";
import c from "../../../../../foundation/Icon/Generated/IconTarget12.es.js";
import { MentionableCategory as i } from "../types.es.js";
const m = ({ image: t, category: r, text: o, id: n }) => {
  if (t)
    return /* @__PURE__ */ e("img", { src: t, alt: `${n}-${r}-${o}` });
  switch (r) {
    case i.GROUP:
      return /* @__PURE__ */ e(a, {});
    case i.ALL:
      return /* @__PURE__ */ e(c, {});
    default:
      return /* @__PURE__ */ e(l, {});
  }
}, b = ({ item: t }) => {
  const {
    data: { image: r, category: o },
    key: n,
    text: s
  } = t;
  return /* @__PURE__ */ w("div", { className: "tw-flex tw-items-center tw-w-full tw-min-h-[inherit]", children: [
    /* @__PURE__ */ e("span", { className: "tw-flex tw-items-center tw-justify-center tw-rounded-full tw-mr-2.5 tw-bg-base-alt tw-border tw-border-line-weak tw-w-[22px] tw-h-[22px] tw-shrink-0 tw-overflow-hidden group-hover:tw-border-base group-aria-selected:tw-border-base", children: /* @__PURE__ */ e(m, { image: r, category: o, text: s, id: n }) }),
    /* @__PURE__ */ e("span", { className: "tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis", children: s })
  ] });
};
export {
  b as MentionComboboxItem
};
//# sourceMappingURL=MentionComboboxItem.es.js.map
