function MainComponent() { const [activeTab, setActiveTab] = React.useState('create'); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-gray-100 min-h-screen p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-600 text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "EduQR Quest"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab('create'), className: `mr-4 ${activeTab === 'create' ? 'font-bold' : ''}`, __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Create Activity"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab('manage'), className: `mr-4 ${activeTab === 'manage' ? 'font-bold' : ''}`, __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Manage Activities"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab('reports'), className: activeTab === 'reports' ? 'font-bold' : '', __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Reports"))), /*#__PURE__*/ React.createElement("main", { className: "mt-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, activeTab === 'create' && /*#__PURE__*/ React.createElement("section", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Create QR Code Activity"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "activityType", className: "block mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Activity Type:"), /*#__PURE__*/ React.createElement("select", { name: "activityType", id: "activityType", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "scavengerHunt", __source: { fileName: "", lineNumber: 22, columnNumber: 19 }, __self: this }, "Scavenger Hunt"), /*#__PURE__*/ React.createElement("option", { value: "quiz", __source: { fileName: "", lineNumber: 23, columnNumber: 19 }, __self: this }, "Quiz"), /*#__PURE__*/ React.createElement("option", { value: "assignment", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }, "Assignment"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "activityName", className: "block mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "Activity Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "activityName", id: "activityName", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "activityDescription", className: "block mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "Description:"), /*#__PURE__*/ React.createElement("textarea", { name: "activityDescription", id: "activityDescription", rows: "3", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Create Activity"))), activeTab === 'manage' && /*#__PURE__*/ React.createElement("section", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Manage Activities"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "History Quest"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Scavenger Hunt"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-green-600", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, "Active"), /*#__PURE__*/ React.createElement("button", { className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, "Edit"))), /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "Math Challenge"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "Quiz"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-yellow-600", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this }, "Draft"), /*#__PURE__*/ React.createElement("button", { className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }, "Edit"))))), activeTab === 'reports' && /*#__PURE__*/ React.createElement("section", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Student Progress Reports"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-left", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 70, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 71, columnNumber: 21 }, __self: this }, "Student"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 72, columnNumber: 21 }, __self: this }, "Activity"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 73, columnNumber: 21 }, __self: this }, "Progress"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 74, columnNumber: 21 }, __self: this }, "Score"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, "John Doe"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 80, columnNumber: 21 }, __self: this }, "History Quest"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 81, columnNumber: 21 }, __self: this }, "Completed"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }, "90%")), /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 85, columnNumber: 21 }, __self: this }, "Jane Smith"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 86, columnNumber: 21 }, __self: this }, "Math Challenge"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, "In Progress"), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }, "75%")))))))); }