function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); const data = new FormData(e.target); const formData = { date: data.get('date'), location: data.get('location'), players: data.get('players') }; console.log('Form Data:', formData); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#2A9D8F] mb-8", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white p-6 rounded shadow-md", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#264653] font-semibold mb-2", htmlFor: "date", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 border border-gray-300 rounded", type: "date", name: "date", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#264653] font-semibold mb-2", htmlFor: "location", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 border border-gray-300 rounded", type: "text", name: "location", placeholder: "Enter location", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#264653] font-semibold mb-2", htmlFor: "players", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Number of Players"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 border border-gray-300 rounded", type: "number", name: "players", placeholder: "Enter number of players", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#2A9D8F] text-white py-2 px-4 rounded hover:bg-[#21867a]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Find Match"))); }