function MainComponent() { const [companies, setCompanies] = React.useState([]); const [loading, setLoading] = React.useState(false); const fetchCompanyData = async ()=>{ setLoading(true); const response = await fetch('/integrations/google-search/search?q=site:google.com/finance&q=日本上場企業'); const data = await response.json(); const selectedCompany = data.items[Math.floor(Math.random() * data.items.length)]; const companyInfo = await fetchCompanyDetails(selectedCompany.link); setCompanies([ companyInfo ]); setLoading(false); }; const fetchCompanyDetails = async (link)=>{ return { name: 'Placeholder Company', code: '12345', revenue: '1,000,000,000 JPY', stockPrice: '1,000 JPY', highlight: 'Innovative solutions in tech industry' }; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-6 flex flex-col items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl font-bold mb-8 text-gray-800", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "新しい銘柄発見ツール"), /*#__PURE__*/ React.createElement("button", { onClick: fetchCompanyData, className: "bg-blue-600 text-white font-roboto py-2 px-4 rounded-lg shadow-lg hover:bg-blue-700 mb-8", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "銘柄ガチャ"), loading && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black opacity-50 z-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-2xl font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "読み込み中...")), /*#__PURE__*/ React.createElement("table", { className: "w-full bg-white rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-blue-600 text-white font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "銘柄名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "コード"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "売上"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "株価"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "注目ポイント"))), /*#__PURE__*/ React.createElement("tbody", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, companies.map((company, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, company.name), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, company.code), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, company.revenue), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, company.stockPrice), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, company.highlight)))))); }