function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "h-screen flex", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-[#f4f4f5] p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.svg", alt: "Company Logo", className: "w-[30px] h-[30px] mr-2", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "create")), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 mb-6 font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "bg-[#aeaeff] p-2 rounded-md", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "New Project")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center p-2", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/avatar.png", alt: "Avatar", className: "w-[30px] h-[30px] rounded-full mr-2", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "[DEMO] Acme, Inc."), /*#__PURE__*/ React.createElement("span", { className: "bg-[#ffd700] text-black text-xs rounded px-1 ml-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Pro"))), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "New Project")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Team Org Chart")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Dollar to Pesos Converter")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Meeting Prep Tool")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Team Org Chart")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Stable Diffusion Demo")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Listing Creator")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Drafts")), Array.from({ length: 11 }).fill().map((_, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "New Project"))), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "AI Resume Scanner")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Link Opener Utility")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "City Explorer")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Superhuman PMF Form")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Color Palette Generator")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Furniture.AI home page")), /*#__PURE__*/ React.createElement("li", { className: "flex p-2 items-center", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-folder mr-2", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Airbnb")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-8", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "New Project"), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 text-black text-sm font-roboto py-2 px-4 rounded-md flex items-center", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cog mr-2", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }), "New Function"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-300 text-black text-sm font-roboto py-2 px-4 rounded-md flex items-center", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cog mr-2", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }), "New Component"), /*#__PURE__*/ React.createElement("button", { className: "bg-purple-300 text-black text-sm font-roboto py-2 px-4 rounded-md flex items-center", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-file mr-2", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), "New Page"))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-20 font-roboto", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "This project is empty."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "Create a new page or component to get started")))); }