function MainComponent() { const [tweets, setTweets] = React.useState([]); const [tweet, setTweet] = React.useState(''); const handleSubmit = (e)=>{ e.preventDefault(); if (!tweet.trim()) return; const newTweet = { id: Date.now(), content: tweet }; setTweets([ ...tweets, newTweet ]); setTweet(''); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-400 p-4 text-white font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "ツイッター風アプリ")), /*#__PURE__*/ React.createElement("main", { className: "my-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "mb-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "tweet", className: "w-full border border-gray-300 p-2", placeholder: "いまどうしてる？", value: tweet, onChange: (e)=>setTweet(e.target.value), __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 w-full bg-blue-500 text-white py-2 px-4 border border-blue-700 rounded hover:bg-blue-600", type: "submit", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "ツイートする")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-lg mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "最新のツイート"), /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-300", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, tweets.map((tweet)=>/*#__PURE__*/ React.createElement("li", { key: tweet.id, className: "p-4 border-b border-gray-300", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, tweet.content))))))); }