function MainComponent() { const [email, setEmail] = React.useState("your-ai-email@aitemp.mail"); const [messages, setMessages] = React.useState([]); const [loading, setLoading] = React.useState(false); const generateNewEmail = ()=>{ const characters = 'abcdefghijklmnopqrstuvwxyz0123456789'; let result = ''; for(let i = 0; i < 10; i++){ result += characters.charAt(Math.floor(Math.random() * characters.length)); } setEmail(`${result}@aitemp.mail`); setMessages([]); }; const copyToClipboard = ()=>{ navigator.clipboard.writeText(email); }; const refreshInbox = ()=>{ setLoading(true); setTimeout(()=>{ const newMessage = { id: Date.now(), subject: "Welcome to AI Temp Mail", sender: "system@aitemp.mail", content: "This is your first message in your temporary mailbox." }; setMessages((prevMessages)=>[ ...prevMessages, newMessage ]); setLoading(false); }, 1000); }; const deleteAll = ()=>{ setMessages([]); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mb-6 text-gray-800", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "AI Temp Mail"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center bg-gray-100 rounded-md p-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "email", className: "flex-grow bg-transparent outline-none text-gray-800", value: email, readOnly: true, __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "ml-2 text-blue-500 hover:text-blue-700", onClick: copyToClipboard, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "ml-2 text-green-500 hover:text-green-700", onClick: generateNewEmail, __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 rounded-md p-4 h-64 overflow-y-auto mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Loading...") : messages.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "No messages yet") : messages.map((message)=>/*#__PURE__*/ React.createElement("div", { key: message.id, className: "bg-white rounded-md p-2 mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, message.subject), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "From: ", message.sender), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, message.content)))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded", onClick: refreshInbox, __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Refresh Inbox"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded", onClick: deleteAll, __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Delete All")))); }