@anoki/fse-marche-ui/dist/index.es11.js

FSE UI components library

import { j as e } from "./index.es137.js";
import './components/ui/Search/Search.css';/* empty css            */
import { clsx as r } from "./index.es139.js";
import { useState as o } from "react";
import { Button as n } from "./index.es25.js";
const d = ({ btnText: t, helperText: s, value: i }) => {
  const [a, l] = o(i);
  return /* @__PURE__ */ e.jsxs("div", { className: r("ui-search", "br-x4 bg-border-secondary w-full"), children: [
    /* @__PURE__ */ e.jsx(
      "input",
      {
        id: "search",
        type: "search",
        className: r(
          "ui-search-input",
          "bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"
        ),
        placeholder: s,
        "aria-label": "Barra di ricerca",
        value: a,
        onChange: (c) => {
          l(c.target.value);
        }
      }
    ),
    /* @__PURE__ */ e.jsx("div", { className: r("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
      n,
      {
        className: r(
          "ui-btn-search",
          "bg-primary text-white fs-7 fw-semibold br-x4"
        ),
        onClick: () => alert(a),
        children: t
      }
    ) })
  ] });
};
export {
  d as Search
};
//# sourceMappingURL=index.es11.js.map