import { jsx as e, jsxs as n } from "react/jsx-runtime";
function c({ i18n: t, searchValue: a, setSearch: r, children: l }) {
  return /* @__PURE__ */ e("div", { className: "tw-flex tw-items-center tw-px-2", children: /* @__PURE__ */ n("div", { className: "tw-relative tw-flex tw-grow", children: [
    /* @__PURE__ */ e(
      "input",
      {
        type: "text",
        placeholder: t.search,
        autoComplete: "off",
        "aria-label": "Search",
        className: "tw-block tw-w-full tw-leading-4 tw-appearance-none tw-rounded-lg tw-border-0 tw-bg-[rgb(243,244,246)] tw-px-8 tw-py-2 tw-outline-none",
        onChange: (w) => r(w.target.value),
        value: a
      }
    ),
    l
  ] }) });
}
export {
  c as EmojiPickerSearchBar
};
//# sourceMappingURL=EmojiPickerSearchBar.es.js.map
