function MainComponent() { const [reportParams, setReportParams] = React.useState({ currentWeek: '', compareWeek: '' }); const handleChange = (e)=>{ setReportParams({ ...reportParams, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); alert(`Generating report comparing week ${reportParams.currentWeek} to week ${reportParams.compareWeek}.`); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen px-4 bg-[#F0F4F8]", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Team Work Completion Load Report"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "currentWeek", className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Current Week"), /*#__PURE__*/ React.createElement("input", { type: "week", name: "currentWeek", id: "currentWeek", className: "mt-1 p-3 w-full border border-gray-300 shadow-sm bg-white focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm rounded-md", value: reportParams.currentWeek, onChange: handleChange, __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "compareWeek", className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Week to Compare"), /*#__PURE__*/ React.createElement("input", { type: "week", name: "compareWeek", id: "compareWeek", className: "mt-1 p-3 w-full border border-gray-300 shadow-sm bg-white focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm rounded-md", value: reportParams.compareWeek, onChange: handleChange, __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full font-semibold text-white bg-[#4F46E5] hover:bg-[#4338CA] p-3 rounded-md", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Generate Report"))); }