function MainComponent() { const [identity, setIdentity] = React.useState(''); const handleIdentityChange = (event)=>{ setIdentity(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#010101]", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs p-8 bg-white border rounded shadow-md", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./amazon-logo.png", alt: "Amazon brand logo", className: "mb-6 h-8 mx-auto", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold mb-8 text-center", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Sign in"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", htmlFor: "identity", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-700", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Email or mobile phone number"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "identity", name: "identity", value: identity, onChange: handleIdentityChange, className: "mt-1 px-3 py-2 bg-white w-full border border-gray-300 rounded-md focus:outline-none", required: true, __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-yellow-500 text-lg text-white font-bold py-2 px-4 rounded focus:outline-none transition duration-200 ease-in-out hover:bg-yellow-600", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Continue")), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-4 text-gray-600 text-center", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "By continuing, you agree to Amazon's Conditions of Use and Privacy Notice."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2 mt-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm text-blue-500 hover:text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Need help?"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "border-t border-gray-300 flex-grow mr-3", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "flex-shrink text-sm text-gray-600", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Buying for work?"), /*#__PURE__*/ React.createElement("span", { className: "border-t border-gray-300 flex-grow ml-3", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm text-blue-500 hover:text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, identity.trim().length === 0 ? "Shop on Amazon Business" : "Sign up for a business account")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-300 mt-4", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 text-center", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "New to Amazon?"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm text-blue-500 hover:text-blue-600 hover:underline block text-center", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Create your Amazon account")))); }