function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4 space-y-6 lg:space-y-8 max-w-5xl mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl lg:text-3xl text-center text-[#121212]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "International Education Program Builder"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg lg:text-xl text-[#121212]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Select Theories"), /*#__PURE__*/ React.createElement("select", { name: "theories", className: "w-full p-2 bg-white border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Choose a theory"), /*#__PURE__*/ React.createElement("option", { value: "constructivism", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Constructivism"), /*#__PURE__*/ React.createElement("option", { value: "behaviorism", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Behaviorism"), /*#__PURE__*/ React.createElement("option", { value: "humanism", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Humanism"), /*#__PURE__*/ React.createElement("option", { value: "experiential_learning", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Experiential Learning"), /*#__PURE__*/ React.createElement("option", { value: "cognitivism", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Cognitivism"), /*#__PURE__*/ React.createElement("option", { value: "social_learning", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Social Learning"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg lg:text-xl text-[#121212]", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Strategy Development"), /*#__PURE__*/ React.createElement("textarea", { name: "strategy", className: "w-full p-2 bg-white border border-gray-300 rounded-md h-[150px]", placeholder: "Outline the strategy for your education program...", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg lg:text-xl text-[#121212]", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Develop Metrics"), /*#__PURE__*/ React.createElement("textarea", { name: "metrics", className: "w-full p-2 bg-white border border-gray-300 rounded-md h-[150px]", placeholder: "Define the metrics to measure educational outcomes...", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg lg:text-xl text-[#121212]", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Assign Tasks"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "taskName", type: "text", className: "w-full p-2 bg-white border border-gray-300 rounded-md", placeholder: "Task Name", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "teamMember", type: "text", className: "w-full p-2 bg-white border border-gray-300 rounded-md", placeholder: "Assign to Team Member", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "dueDate", type: "date", className: "w-full p-2 bg-white border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "w-full lg:w-auto px-6 py-2 bg-[#007bff] text-white rounded-md transition-all hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Launch Program Plan")); }