function MainComponent() { const [stockData, setStockData] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); React.useEffect(()=>{ fetchStockData(); }, []); const fetchStockData = async ()=>{ setLoading(true); setError(null); try { const response = await fetch('/integrations/google-gemini-1-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: 'Please provide the latest stock price for SPY (S&P 500 ETF) and a brief summary of its recent performance.' } ] }) }); const data = await response.json(); const result = data.choices[0].message.content; setStockData(result); } catch (err) { setError('Failed to fetch stock data'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 text-blue-600", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "SPY Stock Information"), loading && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }, "Loading stock data..."), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, error), stockData && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 w-full max-w-2xl", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap text-sm", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, stockData), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Stock Price Chart"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 h-64 flex items-center justify-center rounded", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Chart placeholder - Actual chart implementation required")))), /*#__PURE__*/ React.createElement("button", { onClick: fetchStockData, className: "mt-6 bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "Refresh Data")); }