function MainComponent() { const googleLogoURL = '/images/googlelogo.png'; // Assuming the logo is stored locally return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-gray-100 justify-center items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-10 rounded-lg shadow-lg w-[400px]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: googleLogoURL, alt: "Google Logo", className: "mx-auto w-20 h-20", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-gray-700 font-semibold mt-2 mb-6 text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Sign in"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-lg text-center mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "with your Google Account"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-6", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", placeholder: "Email or phone", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-sm mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Forgot email?"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Learn more")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-center text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Create account"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full rounded-md bg-blue-600 text-white py-2 px-4 hover:bg-blue-700", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Next")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-500 mt-6", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Not your computer? Use Guest mode to sign in privately.")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-blue-600 mt-10 text-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Black diamond reigns supreme"))); }