function MainComponent() { const [pairs, setPairs] = React.useState([]); const [unmatched, setUnmatched] = React.useState([]); const handleReset = async ()=>{ await fetch("/api/db/993", { method: "POST", body: JSON.stringify({ query: "DELETE FROM `answers`", values: [] }) }); await fetch("/api/db/695", { method: "POST", body: JSON.stringify({ query: "DELETE FROM `answers`", values: [] }) }); setPairs([]); setUnmatched([]); }; const handleMatch = async ()=>{ const { pairs, groups } = await (await fetch("/api/bilingual-pairing-tool", { method: "POST" })).json(); setPairs(pairs); setUnmatched(groups.flat()); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-5", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto mb-8 text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "バイリンガル交流マッチング"), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 justify-center mb-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleReset, className: "bg-red-500 hover:bg-red-600 text-white py-2 px-6 rounded-lg font-roboto transition-colors", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "リセット"), /*#__PURE__*/ React.createElement("button", { onClick: handleMatch, className: "bg-green-500 hover:bg-green-600 text-white py-2 px-6 rounded-lg font-roboto transition-colors", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "マッチング開始")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "マッチング結果"), pairs.length > 0 ? /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, pairs.map((pair, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-2 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, pair[0].name, " - ", pair[1].name))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "まだマッチングは行われていません")), unmatched.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "未マッチング"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, unmatched.map((person, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-2 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, person.name))))))); }