function MainComponent() { const [tweets, setTweets] = React.useState([ { username: 'user1', content: 'Just posted a new tweet! 🚀', profileImg: 'profile-user1.png' }, { username: 'user2', content: 'Loving this app! 💙', profileImg: 'profile-user2.png' } ]); const [tweetContent, setTweetContent] = React.useState(''); const handleTweetChange = (event)=>{ setTweetContent(event.target.value); }; const handleTweetSubmit = (event)=>{ event.preventDefault(); if (!tweetContent.trim()) return; const newTweet = { username: 'newUser', content: tweetContent, profileImg: 'profile-newUser.png' }; setTweets([ newTweet, ...tweets ]); setTweetContent(''); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#15202b] text-white", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "px-4 py-4 flex justify-between items-center border-b border-gray-800", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "💬 MiniTwitter"), /*#__PURE__*/ React.createElement("form", { className: "flex space-x-3", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "px-4 py-2 bg-gray-900 rounded focus:outline-none", type: "text", placeholder: "Search", name: "search", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded text-white font-semibold", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("form", { className: "mt-4", onSubmit: handleTweetSubmit, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-4 bg-gray-900 rounded focus:outline-none", rows: "3", placeholder: "What's happening?", name: "tweet", value: tweetContent, onChange: handleTweetChange, __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded text-white font-semibold", type: "submit", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Tweet"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Latest Tweets"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, tweets.map((tweet, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-4 p-4 bg-gray-800 rounded flex gap-4", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: tweet.profileImg, alt: `Profile image of ${tweet.username}`, className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 43, columnNumber: 20 }, __self: this }, "@", tweet.username), " ", tweet.content))))))); }