function MainComponent() { const [loading, setLoading] = React.useState(false); const handleLoading = ()=>{ setLoading(true); setTimeout(()=>{ setLoading(false); }, 2000); // Simulating a request process }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-[#010101] p-4", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, loading && /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 bottom-0 flex justify-center items-center bg-[#010101] bg-opacity-50 z-50", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full border-t-2 border-r-2 border-white h-12 w-12", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo-main.png", alt: "Main Logo", className: "w-[100px] h-[50px]", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { className: "flex ml-10 space-x-8", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("li", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleLoading, className: "text-white font-roboto bg-transparent mr-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Create Document"), /*#__PURE__*/ React.createElement("img", { src: "./logo-login.png", alt: "Login Logo", className: "w-[40px] h-[40px]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, ` @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `)); }