function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F4F8]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#333] mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Aesthetic Note Taking"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg p-6 bg-white shadow-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#555] mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Create a New Note"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", htmlFor: "noteTitle", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Title 🖋"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "noteTitle", id: "noteTitle", className: "form-input mt-1 block w-full border p-2 bg-[#FFF7F0] font-crimson-text", placeholder: "Aesthetic title", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", htmlFor: "noteContent", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Content 📝"), /*#__PURE__*/ React.createElement("textarea", { name: "noteContent", id: "noteContent", className: "form-textarea mt-1 block w-full border p-2 bg-[#FFF7F0] font-crimson-text", rows: "4", placeholder: "Pour your thoughts here", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-2 px-4 bg-[#FFA69E] text-white font-semibold rounded-lg hover:bg-[#FA8B84]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Save Note")))); }