/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a202c] text-white p-4", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-epilogue text-2xl", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "2D CAD System")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-grow", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[300px] bg-[#2d3748] p-4 text-white", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-xl mb-3", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Tools"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2 cursor-pointer hover:bg-[#4a5568] p-2 font-barlow", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Select ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-mouse-pointer", "aria-hidden": "true", __source: { fileName: "", lineNumber: 10, columnNumber: 89 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "mb-2 cursor-pointer hover:bg-[#4a5568] p-2 font-barlow", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Line ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-minus", "aria-hidden": "true", __source: { fileName: "", lineNumber: 11, columnNumber: 87 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "mb-2 cursor-pointer hover:bg-[#4a5568] p-2 font-barlow", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Rectangle ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-stop", "aria-hidden": "true", __source: { fileName: "", lineNumber: 12, columnNumber: 92 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "mb-2 cursor-pointer hover:bg-[#4a5568] p-2 font-barlow", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Circle ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-circle-o", "aria-hidden": "true", __source: { fileName: "", lineNumber: 13, columnNumber: 89 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "mb-2 cursor-pointer hover:bg-[#4a5568] p-2 font-barlow", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Arc ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-undo", "aria-hidden": "true", __source: { fileName: "", lineNumber: 14, columnNumber: 86 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "mb-2 cursor-pointer hover:bg-[#4a5568] p-2 font-barlow", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Polygon ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-star", "aria-hidden": "true", __source: { fileName: "", lineNumber: 15, columnNumber: 90 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-xl mb-3", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Properties"), /*#__PURE__*/ React.createElement("div", { className: "font-barlow", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Layer: Default"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Line Weight: 0.13mm"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Color: Black")))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow bg-white", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-full border-4 border-dashed border-[#a0aec0] flex items-center justify-center font-barlow text-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "Drawing Area"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a202c] p-4", __source: { fileName: "", lineNumber: 33, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "commandInput", placeholder: "Enter command here", className: "flex-grow p-2 font-barlow text-[#1a202c]", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#2b6cb0] text-white p-2 ml-2 font-barlow", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, "Execute ", /*#__PURE__*/ React.createElement("i", { className: "fa fa-play", "aria-hidden": "true", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this })))));