function MainComponent() { const [messages, setMessages] = React.useState([ "Example message 1", "Example message 2" ]); const [newMessage, setNewMessage] = React.useState(""); const handlePostMessage = ()=>{ setMessages([ ...messages, newMessage ]); setNewMessage(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f0] font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ffffff] shadow p-5", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl text-[#333333]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "ワク＋")), /*#__PURE__*/ React.createElement("main", { className: "p-5", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-white rounded-lg shadow p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg border-b pb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "メンバー掲示板"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-3", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-3 bg-[#e6e6e6] rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, message))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border rounded", placeholder: "新しいメッセージを入力してください", value: newMessage, onChange: (e)=>setNewMessage(e.target.value), name: "newMessage", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-700", onClick: handlePostMessage, __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "投稿")))))); }