import { jsxs as a, Fragment as n, jsx as t } from "react/jsx-runtime";
import l from "../../../../../foundation/Icon/Generated/IconMagnifier16.es.js";
import w from "../../../../../foundation/Icon/Generated/IconCross20.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(l, {}) }),
    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(w, {})
      }
    )
  ] });
}
export {
  m as EmojiPickerSearchAndClear
};
//# sourceMappingURL=EmojiPickerSearchAndClear.es.js.map
