function MainComponent() { const [formData, setFormData] = React.useState({ givenName: '', familyName: '', age: '', bio: '', profilePhoto: null, kosherObservance: 'Yes' }); const handleChange = (event)=>{ const { name, value, files } = event.target; setFormData((prevFormData)=>({ ...prevFormData, [name]: files ? files[0] : value })); }; const handleSubmit = (event)=>{ event.preventDefault(); }; const profilePhotoStyle = formData.profilePhoto ? { backgroundImage: `url(${URL.createObjectURL(formData.profilePhoto)})`, backgroundSize: 'cover' } : {}; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#d7ccc8] flex flex-col items-center justify-center font-crimson-text", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-md", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "Star of David", className: "text-4xl", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "✡️"), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Shalom Matchmaking"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Your orthodox Jewish matchmaking service")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "givenName", value: formData.givenName, onChange: handleChange, placeholder: "Given Name", className: "w-full p-2 border-2 border-[#ddd] rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "familyName", value: formData.familyName, onChange: handleChange, placeholder: "Family Name", className: "w-full p-2 border-2 border-[#ddd] rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "age", value: formData.age, onChange: handleChange, placeholder: "Age", className: "w-full p-2 border-2 border-[#ddd] rounded", min: "18", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-[#555]", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Kosher Observance"), /*#__PURE__*/ React.createElement("select", { name: "kosherObservance", value: formData.kosherObservance, onChange: handleChange, className: "w-full p-2 border-2 border-[#ddd] rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Yes", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "No", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "No"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "bio", value: formData.bio, onChange: handleChange, placeholder: "Short Bio", rows: "4", className: "w-full p-2 border-2 border-[#ddd] rounded", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-[#555]", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Profile Photo"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 mr-4 bg-center bg-no-repeat rounded-full border-2 border-[#ddd]", style: profilePhotoStyle, __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "profilePhoto", onChange: handleChange, className: "p-2 border-2 border-[#ddd] rounded", accept: "image/*", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#795548] text-white p-2 rounded", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-dove", "aria-hidden": "true", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }), " Find Your Beshert")))); }