${searchText}

` } }) }) ]); const results = await Promise.all(responses.map((response)=>response.json())); setSearchResults(results); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans bg-white", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center my-10", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "Integration Search Portal"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearchSubmit, className: "max-w-xl mx-auto my-10 bg-gray-100 p-8 border border-gray-300", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "search", className: "block mb-2 text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Enter your search term"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", id: "search", className: "bg-white border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Search...", required: true, __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", disabled: loading, __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, loading ? 'Searching...' : 'Search')), searchResults && /*#__PURE__*/ React.createElement("div", { className: "my-10", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Search Results")))); }