function MainComponent() { const taskbarStyle = { background: 'linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%)', backdropFilter: 'blur(10px)' }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-cover bg-center bg-no-repeat font-roboto", style: { backgroundImage: 'url(/cool-wallpaper.jpg)' }, __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 w-full h-[60px]", style: taskbarStyle, __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-full px-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-rocket text-white text-[24px] px-3", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Launchpad")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-base", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "🔅"), /*#__PURE__*/ React.createElement("span", { className: "text-white text-base", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "♫"), /*#__PURE__*/ React.createElement("span", { className: "text-white text-base", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "🔋"), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "12:00 AM")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .MainComponent { animation: fadeIn 1s ease-in-out; } `)); }