function MainComponent() { const [isSignedIn, setIsSignedIn] = React.useState(false); const handleSignIn = (provider)=>{ setIsSignedIn(true); }; const handleSignUp = (provider)=>{ // Implement sign-up logic if necessary }; if (isSignedIn) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#E2E8F0] min-h-screen flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-4xl", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Welcome to DropShop"))); } return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen bg-[#E2E8F0] items-center justify-center p-4", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-md", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Login to DropShop"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSignIn('google'), className: "flex items-center justify-center w-full bg-[#4285F4] text-white p-3 rounded-md mb-3", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google mr-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), " Sign in with Google"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSignIn('facebook'), className: "flex items-center justify-center w-full bg-[#4267B2] text-white p-3 rounded-md mb-3", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f mr-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), " Sign in with Facebook"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSignUp('google'), className: "flex items-center justify-center w-full bg-[#DB4437] text-white p-3 rounded-md mb-1", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google mr-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), " Sign up with Google"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSignUp('facebook'), className: "flex items-center justify-center w-full bg-[#1877F2] text-white p-3 rounded-md mb-3", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f mr-2", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }), " Sign up with Facebook"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-6", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow h-[1px] bg-[#E5E7EB]", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "flex-shrink mx-4 text-sm text-[#6B7280]", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "OR"), /*#__PURE__*/ React.createElement("div", { className: "flex-grow h-[1px] bg-[#E5E7EB]", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-[#6B7280] mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full p-3 border rounded-md", placeholder: "Email", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-[#6B7280] mb-2", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", className: "w-full p-3 border rounded-md", placeholder: "Password", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#10B981] text-white p-3 rounded-md mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#6B7280]", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "New to DropShop? ", /*#__PURE__*/ React.createElement("span", { className: "text-[#3B82F6] cursor-pointer", onClick: ()=>handleSignUp(), __source: { fileName: "", lineNumber: 69, columnNumber: 30 }, __self: this }, "Join Now"))))); }