/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative rounded-lg border-2 border-black p-5", style: { borderRadius: '15px', width: '800px', height: '680px' }, __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-transparent text-black py-5 px-10 text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Project Tracker")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center mt-10 grid grid-cols-3 gap-5", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-5 border-1", style: { borderRadius: '15px' }, __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-5 justify-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Stage 1")), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-10", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Point 1"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Point 2"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Point 3"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-5 border-1", style: { borderRadius: '15px' }, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-5 justify-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Stage 2")), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-10", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Point 1"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Point 2"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Point 3"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-5 border-1", style: { borderRadius: '15px' }, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-5 justify-center", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Stage 3")), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-10", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Point 1"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Point 2"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Point 3")))), /*#__PURE__*/ React.createElement("div", { className: "mt-5 absolute top-0 left-0 bg-gray-200 rounded-lg p-5", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, "Edit Panel"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-3", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mr-3", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Background Color:"), /*#__PURE__*/ React.createElement("input", { type: "color", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-3", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mr-3", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Text Font:"), /*#__PURE__*/ React.createElement("select", { __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Arial", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Arial"), /*#__PURE__*/ React.createElement("option", { value: "Helvetica", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Helvetica"), /*#__PURE__*/ React.createElement("option", { value: "Verdana", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Verdana"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-3", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mr-3", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "Font Color:"), /*#__PURE__*/ React.createElement("input", { type: "color", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this })))));