@frontify/fondue
Version:
Design system of Frontify
23 lines (22 loc) • 802 B
JavaScript
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