/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f7f7f7] p-8", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-lexend text-4xl text-[#333]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "To-Do List"), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[#5c6ac4] text-white rounded", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-plus", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), " Add Task")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 8, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "bg-white shadow rounded-lg p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox rounded text-[#5c6ac4] h-5 w-5", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-zilla-slab ml-3", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Buy groceries")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 text-gray-500 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-pencil", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "p-2 text-red-500 rounded ml-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-trash", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-6", __source: { fileName: "", lineNumber: 27, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-zilla-slab text-[#333]", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "3 tasks left"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 text-[#333] bg-[#e0e0e0] rounded", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "All"), /*#__PURE__*/ React.createElement("button", { className: "p-2 text-[#333] bg-[#e0e0e0] rounded ml-2", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Active"), /*#__PURE__*/ React.createElement("button", { className: "p-2 text-[#333] bg-[#e0e0e0] rounded ml-2", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Completed")), /*#__PURE__*/ React.createElement("button", { className: "p-2 text-[#333] bg-[#e0e0e0] rounded", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "Clear Completed"))));