@frontify/fondue
Version:
Design system of Frontify
32 lines (31 loc) • 1.46 kB
JavaScript
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