function MainComponent() { const [openDropdowns, setOpenDropdowns] = React.useState([ false, false, false, false, false, false ]); const toggleDropdown = (index)=>{ setOpenDropdowns(openDropdowns.map((open, i)=>i === index ? !open : false)); }; return /*#__PURE__*/ React.createElement("div", { className: "h-screen overflow-y-scroll bg-[#fafafa] font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0 z-10 bg-white shadow-md", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between max-w-4xl mx-auto p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera-retro text-3xl text-[#262626]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-3xl font-semibold text-[#262626]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "InstaUI")), /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane text-2xl text-[#262626]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto mt-10", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-6 mb-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, openDropdowns.slice(0, 3).map((isOpen, index)=>/*#__PURE__*/ React.createElement("div", { key: `dropdown-${index}`, className: "relative", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "block w-full px-4 py-2 border border-gray-300 bg-white text-gray-700 hover:bg-gray-50", onClick: ()=>toggleDropdown(index), __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Dropdown ", index + 1), isOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 w-full mt-1 border border-gray-300 bg-white", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, itemIndex)=>/*#__PURE__*/ React.createElement("button", { key: `item-${itemIndex}`, className: "block w-full px-4 py-2 text-left text-gray-700 hover:bg-gray-50", onClick: ()=>toggleDropdown(index), __source: { fileName: "", lineNumber: 32, columnNumber: 21 }, __self: this }, "Option ", itemIndex + 1)))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, openDropdowns.slice(3, 6).map((isOpen, index)=>/*#__PURE__*/ React.createElement("div", { key: `dropdown-${index + 3}`, className: "relative", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "block w-full px-4 py-2 border border-gray-300 bg-white text-gray-700 hover:bg-gray-50", onClick: ()=>toggleDropdown(index + 3), __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Dropdown ", index + 4), isOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 w-full mt-1 border border-gray-300 bg-white", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, itemIndex)=>/*#__PURE__*/ React.createElement("button", { key: `item-${itemIndex}`, className: "block w-full px-4 py-2 text-left text-gray-700 hover:bg-gray-50", onClick: ()=>toggleDropdown(index + 3), __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this }, "Option ", itemIndex + 1)))))))); }