function MainComponent() { const [suggestion, setSuggestion] = React.useState(''); const [name, setName] = React.useState(''); const [email, setEmail] = React.useState(''); const [darkMode, setDarkMode] = React.useState(false); const handleSuggestionChange = (event)=>{ setSuggestion(event.target.value); }; const handleNameChange = (event)=>{ setName(event.target.value); }; const handleEmailChange = (event)=>{ setEmail(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); }; const handleThemeToggle = ()=>{ setDarkMode(!darkMode); }; const themeClass = darkMode ? 'bg-[#121212] text-white' : 'bg-[#f7f7f7] text-[#121212]'; return /*#__PURE__*/ React.createElement("div", { className: `flex flex-col justify-center items-center h-screen ${themeClass}`, __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg p-8 bg-white dark:bg-[#333] shadow-lg rounded-lg transition-colors duration-500", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleThemeToggle, className: "absolute top-5 right-5 text-3xl p-3", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, darkMode ? '🌞' : '🌙'), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Suggestion Box"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", value: name, onChange: handleNameChange, className: "w-full p-4 border border-[#ddd] dark:border-transparent rounded-md bg-white dark:bg-[#222] dark:text-white transition-colors duration-500", placeholder: "Enter your full name", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: email, onChange: handleEmailChange, className: "w-full p-4 border border-[#ddd] dark:border-transparent rounded-md bg-white dark:bg-[#222] dark:text-white transition-colors duration-500", placeholder: "Enter your email address", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "suggestion", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Your Suggestion"), /*#__PURE__*/ React.createElement("textarea", { id: "suggestion", name: "suggestion", rows: "4", value: suggestion, onChange: handleSuggestionChange, className: "w-full p-4 border border-[#ddd] dark:border-transparent rounded-md bg-white dark:bg-[#222] dark:text-white transition-colors duration-500", placeholder: "Write your suggestion here", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-4 text-lg bg-[#0052cc] dark:bg-[#007bff] rounded-md hover:bg-[#0041c4] transition-colors", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Submit Suggestion")))); }