function MainComponent() { const posts = [ { id: 1, username: 'User1', gender: '男性', relationshipStatus: '3ヶ月', content: 'おすすめの初デートスポット教えてください！', tags: [ '#初デート' ], likes: 5, comments: 2 }, { id: 2, username: 'User2', gender: '女性', relationshipStatus: '1年', content: '記念日のデートプランに悩んでいます。アイデア求む！', tags: [ '#記念日' ], likes: 10, comments: 5 } ]; const PostComponent = ()=>/*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-2xl mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "デートプラン投稿と質問掲示板"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, posts.map((post)=>/*#__PURE__*/ React.createElement("li", { key: post.id, className: "mb-4 p-4 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, post.username), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm ml-2", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, post.gender), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm ml-2", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, post.relationshipStatus)), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, post.content), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-sm mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, post.tags.join(' ')), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mr-2 text-blue-500", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-thumbs-up", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }), " いいね(", post.likes, ")"), /*#__PURE__*/ React.createElement("button", { className: "text-blue-500", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-comment", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }), " コメント(", post.comments, ")")))))); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#f8f8f8] p-4 shadow-md", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-3xl", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "デートプラン・おすすめスポット掲示板")), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "デートプラン投稿と質問"), /*#__PURE__*/ React.createElement(PostComponent, { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "タグ検索"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "search", type: "text", placeholder: "タグで検索", className: "border border-gray-300 rounded p-2 w-full", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "検索"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "行きたいところリスト"), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 p-4 rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "行きたいところを追加してください"), /*#__PURE__*/ React.createElement("input", { name: "place", type: "text", placeholder: "場所名", className: "border border-gray-300 rounded p-2 w-full mt-2", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "追加"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "思い出日記"), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 p-4 rounded", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "思い出を追加してください"), /*#__PURE__*/ React.createElement("input", { name: "memory", type: "text", placeholder: "思い出", className: "border border-gray-300 rounded p-2 w-full mt-2", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "追加"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "チャット機能"), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 p-4 rounded", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, "メッセージを送信"), /*#__PURE__*/ React.createElement("input", { name: "message", type: "text", placeholder: "メッセージ", className: "border border-gray-300 rounded p-2 w-full mt-2", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded mt-2", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, "送信"))))); }