import { jsxs as a, jsx as n } from "react/jsx-runtime";
import { c as e } from "../../clsx-0c6e471a.js";
import { withRef as u } from "../../utils/withRef.js";
import '../../assets/Input.css';const r = {
  "rp-input": "_rp-input_3rj4v_1",
  "rp-input-wrapper": "_rp-input-wrapper_3rj4v_22",
  "rp-input-icon": "_rp-input-icon_3rj4v_26"
}, d = u((i, t) => {
  const { className: s, icon: p, children: c, ...o } = i;
  return /* @__PURE__ */ a("div", { className: r["rp-input-wrapper"], children: [
    /* @__PURE__ */ n(
      "input",
      {
        ...o,
        "data-icon": !!p,
        ref: t,
        className: e(s, r["rp-input"], "ignore-hover")
      }
    ),
    p && /* @__PURE__ */ n("span", { className: r["rp-input-icon"], children: p }),
    c
  ] });
});
export {
  d as UIInput
};
