function MainComponent() { const [matchedEvents, setMatchedEvents] = React.useState([]); const [activeChat, setActiveChat] = React.useState(null); const handleChatStart = (event)=>{ setActiveChat(event); }; const handleSendMessage = (message)=>{ // handle sending message logic here }; const handleSendImage = (image)=>{ // handle sending image logic here }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f8ff] text-[#333] font-sans", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#4a90e2] text-white text-center p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "学生向けマッチングアプリ"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "アウトドアイベントで友達を見つける")), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-6", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-white p-6 rounded-lg shadow-md max-w-lg mx-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "イベント検索"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "event", placeholder: "イベント名", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", placeholder: "場所", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-2 bg-[#4a90e2] text-white font-semibold rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "検索"))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md max-w-lg mx-auto", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "マッチングしたイベント"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, matchedEvents.map((event, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-4 p-4 border-b border-gray-300", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 53, columnNumber: 21 }, __self: this }, event.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 54, columnNumber: 21 }, __self: this }, "場所: ", event.location), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 55, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 bg-[#4a90e2] text-white font-semibold rounded", onClick: ()=>handleChatStart(event), __source: { fileName: "", lineNumber: 56, columnNumber: 23 }, __self: this }, "チャットを開始")))))))), activeChat && /*#__PURE__*/ React.createElement("section", { className: "fixed bottom-0 left-0 right-0 bg-white p-6 rounded-t-lg shadow-md", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, activeChat.name, " チャット"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", placeholder: "メッセージを入力", className: "w-full p-2 border border-gray-300 rounded", onKeyDown: (e)=>e.key === 'Enter' && handleSendMessage(e.target.value), __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "image", className: "w-full p-2", onChange: (e)=>handleSendImage(e.target.files[0]), __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this })))))); }