function MainComponent() { const [loading, setLoading] = React.useState(false); const [results, setResults] = React.useState([]); const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.currentTarget); const searchParams = new URLSearchParams(); for (const [key, value] of formData.entries()){ searchParams.append(key, value); } setLoading(true); try { const response = await fetch(`/integrations/local-business-data/search?${searchParams.toString()}`, { method: 'GET' }); const data = await response.json(); setLoading(false); if (data.status === "OK") { setResults(data.data); } else { alert('Failed to fetch businesses. Please try again.'); } } catch (error) { setLoading(false); alert('An error occurred. Please try again.'); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen p-4 bg-gray-100", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg p-8 bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-2xl font-semibold text-center font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Inquiry Form"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "query", className: "block mb-2 font-roboto text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Search Query"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "query", name: "query", required: true, className: "bg-gray-50 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: "e.g., Hotels in San Francisco, USA", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "region", className: "block mb-2 font-roboto text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Region/Country Code"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "region", name: "region", className: "bg-gray-50 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: "e.g., us", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "language", className: "block mb-2 font-roboto text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Language"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "language", name: "language", className: "bg-gray-50 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: "e.g., en", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "limit", className: "block mb-2 font-roboto text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Limit"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "limit", name: "limit", className: "bg-gray-50 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: "e.g., 20", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 font-roboto font-medium text-sm rounded-lg text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, loading ? 'Loading...' : 'Submit'))))); }