function MainComponent() { const [editMode, setEditMode] = React.useState(false); const [labels, setLabels] = React.useState([ 'Изменить название' ]); const [reports, setReports] = React.useState([]); const handleEditMode = ()=>{ setEditMode(!editMode); }; const handleAddLabel = (index)=>{ let newLabels = [ ...labels ]; let newLabelName = `Label ${index + 2}`; newLabels.push(newLabelName); setLabels(newLabels); }; const handleAddReport = ()=>{ let reportName = `Report ${reports.length + 1}`; setReports([ ...reports, reportName ]); }; return /*#__PURE__*/ React.createElement("div", { className: "w-screen h-screen bg-[#FFFFFF] text-[#000000] flex flex-col justify-between", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 p-2", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-8 h-8 bg-gray-200", onClick: ()=>{}, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-8 h-8 bg-gray-200", onClick: ()=>{}, __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-8 h-8 bg-gray-200", onClick: ()=>{}, __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-hidden", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-full flex", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 p-2 bg-[#000000] text-[#FFFFFF]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Label1"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-full p-3 flex space-x-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { id: "multi_window", className: "flex-1 bg-[#FFFFFF] text-[#000000] p-3 overflow-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-gray-100", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Основное меню"), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-gray-100", onClick: ()=>handleAddReport(), __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Добавить вкладку")), /*#__PURE__*/ React.createElement("div", { id: "multi_window2", className: "flex-1 bg-[#FFFFFF] text-[#000000] p-3 overflow-auto", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, labels.map((label, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] text-[#FFFFFF] p-2", onClick: ()=>handleAddLabel(index), __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, label), index === 0 && /*#__PURE__*/ React.createElement("button", { className: "bg-[#FFFFFF] text-[#000000] p-2", onClick: handleAddReport, __source: { fileName: "", lineNumber: 44, columnNumber: 21 }, __self: this }, "Добавить отчет/отчеты"))), reports.map((report, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-100 p-2 mt-2", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, report)))))), /*#__PURE__*/ React.createElement("button", { className: "self-end p-2 bg-gray-200 m-2", onClick: handleEditMode, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, editMode ? "Режим редактирования формы (ВКЛ)" : "Режим редактирования формы (ВЫКЛ)")); }