function MainComponent() { const [searchResults, setSearchResults] = React.useState({}); const [detailResults, setDetailResults] = React.useState({ "開花期": "", "実期": "", "分布域": "" }); const sites = [ { name: "mirusiru", url: "https://mirusiru.jp/" }, { name: "植木ペディア", url: "https://www.uekipedia.jp/" }, { name: "ウィキペディア", url: "https://ja.wikipedia.org/wiki/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8" }, { name: "松江の花図鑑", url: "https://matsue-hana.com/" }, { name: "森と水の郷あきた_樹木シリーズ", url: "http://www.forest-akita.jp/data/2017-jumoku/top-index/index.html" }, { name: "樹木検索図鑑", url: "http://www.chiba-museum.jp/jyumoku2014/kensaku/namae.html" } ]; const handleSearch = ()=>{ const plantName = document.querySelector('input[name="plant-name"]').value; const results = {}; const details = { "開花期": "", "実期": "", "分布域": "" }; sites.forEach((site)=>{ // Simulate search result const matches = Math.random() > 0.5; // This is just a stub; implement actual search logic const result = matches ? `https://example.com/result-for-${plantName}` : "項目なし"; results[site.name] = result; // Simulate detail extraction if (matches) { details["開花期"] += `${site.name}: sample 開花期 data\n`; details["実期"] += `${site.name}: sample 実期 data\n`; details["分布域"] += `${site.name}: sample 分布域 data\n`; } }); setSearchResults(results); setDetailResults(details); }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "plant-name", type: "text", placeholder: "植物名を入力", className: "border p-2 mr-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "bg-blue-500 text-white p-2", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("div", { className: "border-b-2 border-black", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4 mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, sites.map((site, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-8", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: site.url, target: "_blank", className: "text-blue-500", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, site.name), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, searchResults[site.name])))), /*#__PURE__*/ React.createElement("div", { className: "border-b-2 border-black", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "開花期", /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 35 }, __self: this }, detailResults["開花期"].split('\n').map((line, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 63, columnNumber: 95 }, __self: this }, line)))), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "実期", /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 34 }, __self: this }, detailResults["実期"].split('\n').map((line, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 64, columnNumber: 93 }, __self: this }, line)))), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "分布域", /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 35 }, __self: this }, detailResults["分布域"].split('\n').map((line, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 65, columnNumber: 95 }, __self: this }, line))))))); }