import { jsxs as m, jsx as e } from "react/jsx-runtime";
import { a4 as n, j as o, Z as c } from "./index-_1f6rhg6.js";
function r({ value: s, onChange: t, ...a }) {
  return /* @__PURE__ */ m("div", { className: "relative flex items-center", children: [
    /* @__PURE__ */ e(
      n,
      {
        name: "map-pin",
        className: "text-muted absolute left-0.5 ml-3 h-4 w-4 -translate-y-1/2",
        style: { top: "44%" }
      }
    ),
    /* @__PURE__ */ e(
      o,
      {
        ...a,
        value: s,
        onChange: (l) => {
          t(l.target.value);
        },
        className: c("pl-10", a == null ? void 0 : a.className)
      }
    )
  ] });
}
export {
  r as default
};
