function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#232f3e] h-[60px] flex items-center px-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-roboto text-lg", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "AWS Dashboard")), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[250px] bg-[#131921] h-screen p-6", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "text-white", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#ff9900] cursor-pointer", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home mr-2", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }), "Home"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#ff9900] cursor-pointer", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-server mr-2", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }), "Services"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#ff9900] cursor-pointer", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell mr-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }), "Notifications"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#ff9900] cursor-pointer", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cog mr-2", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }), "Settings"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-6", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Computing"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-700", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "EC2 - Instances"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Lambda - Functions"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "EKS - Kubernetes Service"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Storage"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-700", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, "S3 - Bucket Storage"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "EBS - Block Store"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "Glacier - Archive"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Databases"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-700", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "RDS - SQL Databases"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "DynamoDB - NoSQL"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "Redshift - Data Warehousing"))))))); }