function MainComponent() { const [plan, setPlan] = React.useState(null); const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const data = Object.fromEntries(formData.entries()); const generatedPlan = { suggestedCourses: "Advanced Mathematics, Advanced Sciences, Honors English Literature", extracurriculars: "Debate Team (5h/week for 2 years), Science Club (3h/week for 1 year)", majors: "Computer Science, Biomedical Engineering, Creative Writing", summerActivities: "Internship at a tech startup, Volunteer at a local hospital, Creative writing workshop", actionItems: [ "Register for SAT and ACT prep courses", "Attend virtual college fairs and webinars", "Meet with a college advisor monthly", "Start building a personal portfolio or a personal project" ] }; setPlan(generatedPlan); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFF5E1] min-h-screen flex flex-col items-center py-10", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-[#E07A5F] mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "High School Plan Generator"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg shadow-md bg-white p-6 rounded-lg", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "grade", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Current Grade"), /*#__PURE__*/ React.createElement("select", { name: "grade", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Select your current grade"), /*#__PURE__*/ React.createElement("option", { value: "9", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "9th"), /*#__PURE__*/ React.createElement("option", { value: "10", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "10th"), /*#__PURE__*/ React.createElement("option", { value: "11", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "11th"), /*#__PURE__*/ React.createElement("option", { value: "12", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "12th"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "courses", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "List Your High School Courses (ordered by grade)"), /*#__PURE__*/ React.createElement("textarea", { name: "courses", rows: "4", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", placeholder: "E.g., 9th: Algebra I, Biology | 10th: Geometry, Chemistry...", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "extracurriculars", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Extracurricular Activities (include hours/week, months/years)"), /*#__PURE__*/ React.createElement("textarea", { name: "extracurriculars", rows: "4", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", placeholder: "E.g., Debate Team: 5h/week, 2 years; Science Club: 3h/week, 1 year", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "clubs", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Clubs and Organizations (include hours/week, months/years)"), /*#__PURE__*/ React.createElement("textarea", { name: "clubs", rows: "4", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", placeholder: "E.g., Robotics Club: 4h/week, 2 years; Art Society: 2h/week, 1.5 years", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "intelligence", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Intelligence Level"), /*#__PURE__*/ React.createElement("select", { name: "intelligence", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Select your level"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "High"), /*#__PURE__*/ React.createElement("option", { value: "average", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Average"), /*#__PURE__*/ React.createElement("option", { value: "belowAverage", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Below Average"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "workEthic", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Work Ethic"), /*#__PURE__*/ React.createElement("select", { name: "workEthic", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Select your level of dedication"), /*#__PURE__*/ React.createElement("option", { value: "veryHigh", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Very High"), /*#__PURE__*/ React.createElement("option", { value: "moderate", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Moderate"), /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Low"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "majors", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Interested Majors (select all that apply)"), /*#__PURE__*/ React.createElement("select", { multiple: true, name: "majors", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Computer Science"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Biomedical Engineering"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Creative Writing"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Psychology"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Business Administration"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "interestedCourses", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Courses You're Interested In"), /*#__PURE__*/ React.createElement("textarea", { name: "interestedCourses", rows: "3", className: "mt-1 p-2 w-full border border-gray-300 rounded-md", placeholder: "E.g., Cybersecurity, Advanced Algebra...", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-[#E07A5F] text-white rounded-md hover:bg-[#F2CC8F]", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Generate Plan"))), plan && /*#__PURE__*/ React.createElement("div", { className: "mt-10 p-5 bg-[#FAF3E0] rounded-lg max-w-lg w-full", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#E07A5F] mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "Your Custom High School Plan"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 108, columnNumber: 14 }, __self: this }, "Suggested Courses:"), " ", plan.suggestedCourses), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 109, columnNumber: 14 }, __self: this }, "Extracurriculars:"), " ", plan.extracurriculars), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 110, columnNumber: 14 }, __self: this }, "Majors:"), " ", plan.majors), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 111, columnNumber: 14 }, __self: this }, "Summer Activities:"), " ", plan.summerActivities), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, plan.actionItems.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 113, columnNumber: 52 }, __self: this }, item))))); }