function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [user, setUser] = React.useState(null); const [tweets, setTweets] = React.useState([]); const [tweet, setTweet] = React.useState(''); const handleLogin = ({ email, password })=>{}; const handleSignUp = ({ email, password })=>{}; const handleLogout = ()=>{ setIsLoggedIn(false); setUser(null); }; const postTweet = ()=>{}; const fetchTweets = ()=>{}; React.useEffect(()=>{ fetchTweets(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F3F4F6] min-h-screen p-5", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-5 bg-[#FFFFFF] shadow-md", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#121212] font-semibold text-3xl font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "TweetSpace"), isLoggedIn ? /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-5", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#121212] text-lg font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#121212] text-lg font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }, "Explore")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#121212] text-lg font-roboto", onClick: handleLogout, __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }, "Logout")))) : /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-5", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#121212] text-lg font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#121212] text-lg font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("section", { className: "mt-10", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, isLoggedIn && /*#__PURE__*/ React.createElement("div", { className: "mb-10", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-4 text-md font-roboto h-[100px] border-2 border-[#E2E8F0]", placeholder: "What's happening?", value: tweet, onChange: (e)=>setTweet(e.target.value), __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1DA1F2] text-white font-roboto py-2 px-4 rounded-full", onClick: postTweet, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Tweet")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-5", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, tweets.map((tweet, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "p-4 bg-[#FFFFFF] shadow-md", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, tweet.user), /*#__PURE__*/ React.createElement("p", { className: "text-md text-[#606F7B] font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, tweet.content)))))); }