function MainComponent() { const [entered, setEntered] = React.useState(false); const [entries, setEntries] = React.useState(0); const handleEnterGiveaway = ()=>{ setEntered(true); }; const addEntry = (action)=>{ switch(action){ case 'message': setEntries(entries + 5); break; case 'share': setEntries(entries + 3); break; case 'createAccount': setEntries(entries + 10); break; default: break; } }; let enterButton; if (!entered) { enterButton = /*#__PURE__*/ React.createElement("button", { name: "enter-giveaway", onClick: handleEnterGiveaway, className: "bg-[#00FF00] hover:bg-[#00CC00] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "Enter Giveaway 🎁"); } else { enterButton = /*#__PURE__*/ React.createElement("button", { disabled: true, className: "bg-[#CCCCCC] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "Entered! 🎉"); } const leaderBoard = entered ? /*#__PURE__*/ React.createElement("div", { className: "mt-8 w-full max-w-xl mx-auto bg-white shadow-md rounded px-8 pt-6 pb-6 mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg text-center mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("ul", { className: "list-decimal", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, entries > 0 && /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "You: ", entries, " entries"))) : null; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center h-screen p-4", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-8", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "message-friend", onClick: ()=>addEntry('message'), className: "bg-[#007BFF] hover:bg-[#0056b3] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "Message a Friend 👋"), /*#__PURE__*/ React.createElement("button", { name: "share-link", onClick: ()=>addEntry('share'), className: "bg-[#28a745] hover:bg-[#1e7e34] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "Share a Link 🔗"), /*#__PURE__*/ React.createElement("button", { name: "create-account", onClick: ()=>addEntry('createAccount'), className: "bg-[#ffc107] hover:bg-[#e0a800] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, "Create an Account ✅")), enterButton, leaderBoard, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, ` `)); }