function MainComponent() { const topBarImages = Array.from({ length: 5 }).map((_, index)=>`/images/topbar${index + 1}.png`); const sideBarImages = Array.from({ length: 5 }).map((_, index)=>`/images/sidebar${index + 1}.png`); const accountImages = Array.from({ length: 4 }).map((_, index)=>`/images/account${index + 1}.png`); return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-[#F0F0F0]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[10%] flex flex-col bg-[#D1D1D1] h-full", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, sideBarImages.map((src, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: "#", className: "mb-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: src, alt: `Sidebar link ${index + 1}`, className: "h-[30px] w-[30px]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between bg-[#E1E1E1] h-[10%] px-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "h-[30px] w-[30px]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/home.png", alt: "Home link", className: "h-full w-full", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center space-x-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, topBarImages.map((src, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: "#", className: "h-[30px] w-[30px]", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: src, alt: `Topbar link ${index + 1}`, className: "h-full w-full", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, accountImages.map((src, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: "#", className: "h-[30px] w-[30px]", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: src, alt: `Account link ${index + 1}`, className: "h-full w-full", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex items-center justify-center", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }))); }