function MainComponent() { const [query, setQuery] = React.useState(''); const [results, setResults] = React.useState([]); const fetchBusinessData = async (query)=>{ const response = await fetch(`/integrations/local-business-data/search?query=${encodeURIComponent(query)}`); const data = await response.json(); setResults(data.data || []); }; const handleSubmit = (event)=>{ event.preventDefault(); if (query) { fetchBusinessData(query); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Local Business Data Insights"), /*#__PURE__*/ React.createElement("form", { className: "mb-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "query", placeholder: "Enter business type and location (e.g., Dentist in Darbhanga)", className: "border p-2 w-full mb-4", value: query, onChange: (e)=>setQuery(e.target.value), __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 w-full", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Search")), /*#__PURE__*/ React.createElement("div", { id: "business-results", className: "font-crimson-text", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Search Results"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, results.map((business)=>/*#__PURE__*/ React.createElement("li", { key: business.business_id, className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#2c3e50]", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, business.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Address: ", business.full_address), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "Phone: ", business.phone_number), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "Rating: ", business.rating)))))); }