function MainComponent() { const [showSettings, setShowSettings] = React.useState(false); const navigateToSettings = ()=>setShowSettings(true); const handleCloseSettings = ()=>setShowSettings(false); let content; let rows; if (showSettings) { rows = Array.from({ length: 9 }, (_, rowIndex)=>/*#__PURE__*/ React.createElement("div", { key: rowIndex, className: "flex justify-between w-full", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, Array.from({ length: 5 }, (_, colIndex)=>{ const cellStyle = rowIndex === 0 ? 'bg-[#95D5E2] text-white' : 'border border-[#95D5E2]'; const cellContent = rowIndex === 0 && colIndex === 0 ? "MONDAY" : ''; return /*#__PURE__*/ React.createElement("div", { key: `${rowIndex}-${colIndex}`, className: `flex-1 px-2 py-1 ${cellStyle}`, __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, cellContent); }))); content = /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-white flex justify-center items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f3f4f6] p-8 rounded-lg shadow-md w-[90%] max-w-[500px]", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleCloseSettings, className: "text-3xl p-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-arrow-left text-[#95D5E2]", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-center text-3xl font-bold text-[#95D5E2]", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Settings"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), rows)); } else { const months = [ "January", "February", "March", "April", "May", "June" ]; const monthButtons = months.map((month, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "px-3 py-1 font-semibold rounded-lg bg-[#95D5E2] text-white focus:outline-none", name: month, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, month)); content = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: navigateToSettings, className: "absolute top-4 right-4 p-2 text-3xl rounded-full", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-wrench text-[#95D5E2]", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4 text-center text-[#95D5E2]", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "Maker Space Booking 2024"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mt-8", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, monthButtons)); } return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center justify-center h-screen w-full relative bg-white", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, content); }