function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#010101] text-green-400", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center animate-intro", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-mono text-4xl mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "ZEZO EKHTROUTO"), /*#__PURE__*/ React.createElement("div", { className: "px-10 py-4 bg-[#222222] mb-8", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-t-4 border-t-green-500", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg animate-flicker", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "ZEZO EKHTROUTO"), /*#__PURE__*/ React.createElement("div", { className: "border-b-4 border-b-green-500", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-base mb-8", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Enter the base folder path for user data:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-600 text-white rounded font-roboto mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Add User"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-600 text-white rounded font-roboto mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Display All Users"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-600 text-white rounded font-roboto mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Update User"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-600 text-white rounded font-roboto mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Delete User"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-red-600 text-white rounded font-roboto mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Exit"))), /*#__PURE__*/ React.createElement("input", { className: "p-2 mb-4 border border-green-400 bg-transparent text-white placeholder-green-300 rounded", type: "text", placeholder: "Base folder path", name: "basePath", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, ` body { margin: 0; font-family: 'Roboto', sans-serif; } @media (min-width: 640px) { h1 { font-size: 5xl; } } .animate-intro { animation: introAnimation 2s ease-in-out; } .animate-flicker { animation: textFlicker 1.5s linear infinite; } @keyframes introAnimation { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes textFlicker { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } `)); }