function MainComponent() { const [businessName, setBusinessName] = React.useState(""); const [email, setEmail] = React.useState(""); const [submitted, setSubmitted] = React.useState(false); const handleNameChange = (event)=>{ setBusinessName(event.target.value); }; const handleEmailChange = (event)=>{ setEmail(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); setSubmitted(true); }; let formContent = submitted ? /*#__PURE__*/ React.createElement("div", { className: "text-center p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl mb-2 text-[#4BB543]", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Success!"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "You have taken the first step in creating ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 23, columnNumber: 51 }, __self: this }, businessName), "."), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "We will be in touch with you at ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 25, columnNumber: 66 }, __self: this }, email), ".")) : /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "businessName", className: "font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Business Name"), /*#__PURE__*/ React.createElement("input", { className: "p-2 border border-gray-300", type: "text", id: "businessName", name: "businessName", value: businessName, onChange: handleNameChange, required: true, __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { className: "p-2 border border-gray-300", type: "email", id: "email", name: "email", value: email, onChange: handleEmailChange, required: true, __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#1F2937] text-white py-2 mt-4 font-semibold", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "Submit")); return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto my-10 p-6 max-w-md bg-white shadow-md rounded-md", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center font-crimson-text mb-6", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, "Start Your Business"), formContent); }