import { j as e } from "../../node_modules/react/jsx-runtime.js";
import { cn as a } from "../../utils/index.js";
import { Input as t } from "../Input/index.js";
import { Icon as r } from "../Icon/index.js";
function f({
  className: l,
  children: c,
  onClearClick: s,
  ...o
}) {
  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center flex-grow w-full", children: [
    /* @__PURE__ */ e.jsx(
      t,
      {
        placeholder: "Search",
        inputSize: "sm",
        className: a("peer py-2 px-9 w-full h-full", l),
        ...o
      }
    ),
    /* @__PURE__ */ e.jsx(r, { name: "search", className: "absolute left-4" }),
    /* @__PURE__ */ e.jsx(
      r,
      {
        name: "x",
        className: "absolute right-4 peer-placeholder-shown:hidden cursor-pointer",
        onClick: s
      }
    )
  ] });
}
export {
  f as Search
};
