function MainComponent() { const handleLoginSubmit = (event)=>{ event.preventDefault(); const loginData = new FormData(event.target); fetch('https://api.instagram.com/oauth/authorize', { method: 'POST', body: loginData, headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, redirect: 'follow' }).then((response)=>response.json()).then((data)=>{ if (data.access_token) { window.location.href = "/dog-photos"; } else { console.error('Login failed.'); } }).catch((error)=>console.error('Error:', error)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex justify-center items-center bg-[#fafafa] p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm w-full bg-white p-10 border border-gray-300", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/instagram-real-logo.png", alt: "Real Instagram logo", className: "w-36", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLoginSubmit, __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "p-2 border border-gray-300 mb-3", type: "text", placeholder: "Phone number, username, or email", name: "username", required: true, __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "p-2 border border-gray-300 mb-3", type: "password", placeholder: "Password", name: "password", required: true, __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#0095F6] text-white font-bold py-1 rounded mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Log In"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }