import { j as e } from "../../node_modules/react/jsx-runtime.js";
import { cn as n } from "../../utils/index.js";
import { Input as o } from "../Input/index.js";
import { Icon as r } from "../Icon/index.js";
function t({
  className: s,
  children: i,
  onClearClick: c,
  ...a
}) {
  return /* @__PURE__ */ e.jsxs("div", { className: "search", children: [
    /* @__PURE__ */ e.jsx(
      o,
      {
        placeholder: "Search",
        inputSize: "sm",
        className: n("peer search-input", s),
        ...a
      }
    ),
    /* @__PURE__ */ e.jsx(r, { name: "search", className: "search-icon" }),
    /* @__PURE__ */ e.jsx(
      r,
      {
        name: "x",
        className: "search-clear-icon peer-placeholder-shown:hidden ",
        onClick: c
      }
    )
  ] });
}
export {
  t as Search
};
