function MainComponent() { const [tweets, setTweets] = React.useState([ { id: 1, username: "ユーザー名", content: "これはテストツイートです" }, { id: 2, username: "別のユーザー", content: "さらにテストツイート" } ]); const [tweetContent, setTweetContent] = React.useState(""); const handleTweetChange = (event)=>{ setTweetContent(event.target.value); }; const handleTweetSubmit = (event)=>{ event.preventDefault(); if (tweetContent.trim()) { const newTweet = { id: tweets.length + 1, username: "新しいユーザー", content: tweetContent }; setTweets([ newTweet, ...tweets ]); setTweetContent(""); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#e6ecf0] flex justify-center items-center px-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white max-w-[600px] w-full rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center justify-between border-b border-gray-300 pb-4 mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#1da1f2]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter text-[#1da1f2] text-2xl", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleTweetSubmit, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "tweetContent", className: "w-full p-3 border border-gray-300 rounded resize-none", rows: "4", placeholder: "いまどうしてる？", value: tweetContent, onChange: handleTweetChange, __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#1da1f2] text-white px-4 py-2 rounded float-right mt-2", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "ツイートする"))), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, tweets.map((tweet)=>/*#__PURE__*/ React.createElement("li", { key: tweet.id, className: "border-b border-gray-300 pb-4 mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/profileImage.jpg", alt: "ユーザープロフィール画像", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this }, tweet.username), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }, tweet.content)))))))); }