function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a8d48] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-xl rounded-2xl px-8 pt-6 pb-8 mb-4 w-full max-w-2xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "block text-[#222] font-extrabold mb-2 text-3xl font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "HACCP Tracking System"), /*#__PURE__*/ React.createElement("p", { className: "text-[#444] text-lg font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "🍏 Food Safety & Compliance 🍏")), /*#__PURE__*/ React.createElement("form", { className: "mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-900 text-lg font-semibold mb-2 font-roboto", htmlFor: "username", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Establishment ID"), /*#__PURE__*/ React.createElement("input", { name: "establishmentId", className: "shadow-lg appearance-none border border-gray-300 rounded-lg w-full py-3 px-4 text-gray-800 leading-tight focus:outline-none focus:shadow-outline font-roboto", id: "establishmentId", type: "text", placeholder: "Your Establishment's ID", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-900 text-lg font-semibold mb-2 font-roboto", htmlFor: "password", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Access Key"), /*#__PURE__*/ React.createElement("input", { name: "accessKey", className: "shadow-lg appearance-none border border-gray-300 rounded-lg w-full py-3 px-4 text-gray-800 mb-4 leading-tight focus:outline-none focus:shadow-outline font-roboto", id: "accessKey", type: "password", placeholder: "••••••••••••", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-between", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#4CAF50] hover:bg-[#45a049] text-white font-bold py-3 px-10 rounded-lg focus:outline-none focus:shadow-outline font-roboto transition duration-300 ease-in-out transform hover:scale-105", type: "button", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "🛈 Sign In"), /*#__PURE__*/ React.createElement("button", { className: "font-bold text-[#4CAF50] hover:text-white hover:bg-[#4CAF50] mt-4 py-2 px-10 border border-[#4CAF50] rounded-lg focus:outline-none focus:shadow-outline font-roboto transition duration-300 ease-in-out transform hover:scale-105", type: "button", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Register your Establishment"), /*#__PURE__*/ React.createElement("a", { className: "inline-block align-baseline font-bold text-sm text-[#333] hover:text-[#2a2a2a] font-roboto mt-4", href: "#", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Trouble signing in?"))), /*#__PURE__*/ React.createElement("footer", { __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600 text-xs font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "©2023 HACCP Tracker. Better Food, Better Business.")))); }