import { cn } from "../../utils/cn.mjs";
import { Input } from "./Input.mjs";
import { Search } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/components/Input/SearchInput.tsx
const SearchInput = ({ className, ...props }) => /* @__PURE__ */ jsxs("div", {
	className: "relative flex items-center gap-1",
	children: [/* @__PURE__ */ jsx(Search, { className: "absolute left-2 size-4" }), /* @__PURE__ */ jsx(Input, {
		...props,
		type: "search",
		className: cn("pl-8", className)
	})]
});

//#endregion
export { SearchInput };
//# sourceMappingURL=SearchInput.mjs.map