function MainComponent() { const pageTitle = "Event Registration"; const formFields = { name: "Full Name", email: "Email Address", event: "Select Event", agree: "I agree to the terms and conditions" }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#121212] mb-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, pageTitle), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg mx-auto bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, formFields.name), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "name", type: "text", placeholder: "John Doe", name: "name", __source: { fileName: "", lineNumber: 17, 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-gray-700 text-sm font-bold mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, formFields.email), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "email", type: "email", placeholder: "john@example.com", name: "email", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "event", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, formFields.event), /*#__PURE__*/ React.createElement("select", { className: "block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline", id: "event", name: "event", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Please select an event..."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Register"), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center text-sm text-gray-600", htmlFor: "agree", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "mr-2 leading-tight", type: "checkbox", id: "agree", name: "agree", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }), formFields.agree))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, ` body { font-family: 'Inter', sans-serif; } `)); }