function MainComponent() { const [email, setEmail] = React.useState(""); const [name, setName] = React.useState("User Name"); const [points, setPoints] = React.useState(1234); const [tokens, setTokens] = React.useState(10); const [triviaAnswer, setTriviaAnswer] = React.useState(""); const [dailyHeadliner, setDailyHeadliner] = React.useState("Random NFT Selected"); const handleEmailChange = (event)=>setEmail(event.target.value); const handleTriviaChange = (event)=>setTriviaAnswer(event.target.value); const handleSignIn = ()=>{ // Sign in logic here }; const handleMetaMaskConnect = ()=>{ // MetaMask connect logic here }; const handleCapture = ()=>{ // Capture image and handle points/tokens }; const handleTriviaSubmit = ()=>{ // Trivia submission logic here }; const handlePostHeadliner = ()=>{ // Post headliner and change the daily headliner setDailyHeadliner("New NFT Selected"); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-black text-green-500 min-h-screen flex flex-col items-center font-mono p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "Retro Terminal App"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center md:justify-around w-full", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8 md:mb-0", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Email", name: "email", className: "bg-black border border-green-500 rounded p-2 mb-4 w-64 text-center", value: email, onChange: handleEmailChange, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-green-700 hover:bg-green-600 text-black font-bold py-2 px-4 rounded mb-4", onClick: handleMetaMaskConnect, __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Connect MetaMask"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-700 hover:bg-green-600 text-black font-bold py-2 px-4 rounded", onClick: handleSignIn, __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8 md:mb-0", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Membership Profile"), /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-green-500 rounded p-4 w-64", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Name: ", /*#__PURE__*/ React.createElement("span", { className: "text-green-300", __source: { fileName: "", lineNumber: 46, columnNumber: 22 }, __self: this }, name)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Points: ", /*#__PURE__*/ React.createElement("span", { className: "text-green-300", __source: { fileName: "", lineNumber: 47, columnNumber: 24 }, __self: this }, points)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Tokens: ", /*#__PURE__*/ React.createElement("span", { className: "text-green-300", __source: { fileName: "", lineNumber: 48, columnNumber: 24 }, __self: this }, tokens))))), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#1b1b1b] p-4 mt-6 rounded", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Community Input"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-around items-start", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 md:mb-0", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Capture Image"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-700 hover:bg-green-600 text-black font-bold py-2 px-4 rounded mb-4", onClick: handleCapture, __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Capture")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Trivia"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Answer trivia", name: "trivia", className: "bg-black border border-green-500 rounded p-2 mb-4 w-64 text-center", value: triviaAnswer, onChange: handleTriviaChange, __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-green-700 hover:bg-green-600 text-black font-bold py-2 px-4 rounded", onClick: handleTriviaSubmit, __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Submit")))), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#282828] p-4 mt-6 rounded flex flex-col items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "NFT Data"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-700 hover:bg-green-600 text-black font-bold py-2 px-4 rounded mb-4", onClick: handlePostHeadliner, __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Post Headliner"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "Daily Headliner: ", /*#__PURE__*/ React.createElement("span", { className: "text-green-300", __source: { fileName: "", lineNumber: 69, columnNumber: 29 }, __self: this }, dailyHeadliner)))); }