function MainComponent() { const [email, setEmail] = React.useState(''); const [password, setPassword] = React.useState(''); const [confirmPassword, setConfirmPassword] = React.useState(''); const handleEmailChange = (event)=>setEmail(event.target.value); const handlePasswordChange = (event)=>setPassword(event.target.value); const handleConfirmPasswordChange = (event)=>setConfirmPassword(event.target.value); const handleSubmit = (event)=>{ event.preventDefault(); if (password === confirmPassword) { console.log('Registration Success:', email, password); } else { console.log('Passwords do not match'); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen justify-center items-center bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-[300px] p-4 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-[#121212] text-sm font-roboto mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "E-mail"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: email, onChange: handleEmailChange, className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#666666] leading-tight focus:outline-none focus:shadow-outline", required: true, __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-[#121212] text-sm font-roboto mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Пароль"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", value: password, onChange: handlePasswordChange, className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#666666] leading-tight focus:outline-none focus:shadow-outline", required: true, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "confirm-password", className: "block text-[#121212] text-sm font-roboto mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Подтвердите пароль"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "confirm-password", name: "confirmPassword", value: confirmPassword, onChange: handleConfirmPasswordChange, className: "shadow appearance-none border rounded w-full py-2 px-3 text-[#666666] leading-tight focus:outline-none focus:shadow-outline", required: true, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#4A90E2] hover:bg-[#357ABD] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Регистрация")))); }