function MainComponent() { const [email, setEmail] = React.useState(''); const [password, setPassword] = React.useState(''); const handleEmailChange = (event)=>{ setEmail(event.target.value); }; const handlePasswordChange = (event)=>{ setPassword(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#FFFFFF]", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/ferrari-logo.png", alt: "Ferrari logo", className: "mb-8 w-[150px] h-[150px] object-contain", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-white rounded-lg w-full max-w-md shadow-md", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto text-center mb-6", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Ferrari Login"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block mb-2 text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", required: true, className: "font-roboto block w-full p-3 bg-gray-50 border border-gray-300 rounded-md", value: email, onChange: handleEmailChange, placeholder: "Enter your email", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block mb-2 text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { name: "password", type: "password", required: true, className: "font-roboto block w-full p-3 bg-gray-50 border border-gray-300 rounded-md", value: password, onChange: handlePasswordChange, placeholder: "Enter your password", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "font-roboto w-full p-3 text-white bg-[#D40000] rounded-md", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Log in"))))); }