function MainComponent() { const [tweets, setTweets] = React.useState([]); const [currentTweet, setCurrentTweet] = React.useState(""); const handleTweetChange = (event)=>{ setCurrentTweet(event.target.value); }; const handleTweetSubmit = (event)=>{ event.preventDefault(); if (!currentTweet.trim()) return; setTweets([ currentTweet, ...tweets ]); setCurrentTweet(""); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-[#f7f9f9]", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] mx-auto p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center py-2", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl text-[#1DA1F2]", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "ツイッター風"), /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter text-[#1DA1F2] text-3xl", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-3", onSubmit: handleTweetSubmit, __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "p-2 w-full border rounded-lg", placeholder: "今どうしてる？", name: "tweet", value: currentTweet, onChange: handleTweetChange, __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1DA1F2] text-white rounded-lg p-2", type: "submit", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "ツイートする")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "最新のツイート"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, tweets.map((tweet, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 rounded-lg border", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, tweet))))))); }