function MainComponent() { const handleGoogleLogin = ()=>{ console.log("Google Login Button Clicked"); }; const buttonStyles = "flex items-center justify-center px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 mb-4 cursor-pointer"; const inputStyles = "mb-4 px-4 py-2 border rounded-md w-full"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[400px] h-[400px] bg-white rounded shadow-md p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-6 bg-[#0078d4] rounded-t flex items-center justify-between px-2", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Program Manager"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-red-600 rounded-full", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-yellow-500 rounded-full", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-green-600 rounded-full", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto mb-6 text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Welcome to Our App"), /*#__PURE__*/ React.createElement("button", { onClick: handleGoogleLogin, className: buttonStyles, __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google mr-2 text-lg", "aria-hidden": "true", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Login with Google")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "text", placeholder: "Text box", className: inputStyles, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: inputStyles, __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: inputStyles, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })))); }