function MainComponent() { const [companyNames, setCompanyNames] = React.useState(''); const [summaries, setSummaries] = React.useState([]); const handleSubmit = async (e)=>{ e.preventDefault(); const companyList = companyNames.split(/\n|,/).map((name)=>name.trim()).filter((name)=>name); const fetchedSummaries = await Promise.all(companyList.map(async (companyName)=>{ let summary = `${companyName.substring(0, 15)}...事業内容`; const response = await fetch(`https://some-api.com/search?query=${companyName}`); const data = await response.json(); if (data && data.summary) { summary = `${data.summary.substring(0, 15)}...`; } return summary; })); setSummaries(fetchedSummaries); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen flex flex-col items-center justify-center bg-[#F0F2F5] p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-6 text-[#333] font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "会社情報自動取得アプリ"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col w-full max-w-[400px]", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "companyNames", className: "mb-2 text-lg font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "会社名一覧:"), /*#__PURE__*/ React.createElement("textarea", { name: "companyNames", className: "p-2 mb-4 h-[120px] border rounded-md resize-none font-roboto", placeholder: "会社名を改行またはカンマで区切って入力してください。", value: companyNames, onChange: (e)=>setCompanyNames(e.target.value), __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-[#4CAF50] text-white rounded-md hover:bg-[#45A049] font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "検索してまとめる")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 w-full max-w-[600px]", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-semibold font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "事業内容の要約"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, summaries.map((summary, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, summary))))); }