function SearchCheckbox({ label }) { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "search_in_description", className: "mr-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-sans", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, label)); } function SearchCheckboxStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SearchCheckbox, { label: "Search in description", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleSubmit = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const query = new URLSearchParams(formData).toString(); window.location.href = `https://www.discountsneakersshoes.de/index.php?main_page=advanced_search_result&${query}`; }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border border-gray-300 p-2 w-full max-w-[400px]", type: "text", name: "keyword", placeholder: "Search...", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "ml-2 px-4 py-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Search")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mr-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Category"), /*#__PURE__*/ React.createElement("select", { name: "categories_id", className: "border border-gray-300 p-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "All"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "inc_subcat", className: "mr-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Include Subcategories")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/discount-sneakers-search", target: "_blank", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 61 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "reset", className: "px-4 py-2 bg-gray-300", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Reset"))))); }