@frontify/fondue
Version:
Design system of Frontify
24 lines (23 loc) • 961 B
JavaScript
import { jsxs as a, Fragment as n, jsx as t } from "react/jsx-runtime";
import l from "../../../../../foundation/Icon/Generated/IconCross20.es.js";
import w from "../../../../../foundation/Icon/Generated/IconMagnifier16.es.js";
function m({ i18n: r, searchValue: e, clearSearch: o }) {
return /* @__PURE__ */ a(n, { children: [
/* @__PURE__ */ t("span", { className: "tw-absolute tw-left-2 tw-top-1/2 tw-flex tw-h-4 tw-w-4 tw--translate-y-1/2", children: /* @__PURE__ */ t(w, {}) }),
e && /* @__PURE__ */ t(
"button",
{
title: r.clear,
"aria-label": "Clear",
type: "button",
className: "tw-absolute tw-right-1.5 tw-top-1/2 tw-flex tw-h-5 tw-w-5 tw--translate-y-1/2 tw-cursor-pointer tw-border-none tw-bg-transparent",
onClick: o,
children: /* @__PURE__ */ t(l, {})
}
)
] });
}
export {
m as EmojiPickerSearchAndClear
};
//# sourceMappingURL=EmojiPickerSearchAndClear.es.js.map