function MainComponent() { const [activeTab, setActiveTab] = React.useState('advertiser'); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center pt-8", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Welcome to the Ads Agency"), /*#__PURE__*/ React.createElement("ul", { className: "flex border-b", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "-mb-px mr-1", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `inline-block py-2 px-4 font-semibold ${activeTab === 'advertiser' ? 'border-l border-t border-r rounded-t text-[#000]' : 'text-[#aaa] hover:text-[#000]'}`, onClick: ()=>setActiveTab('advertiser'), __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Advertiser")), /*#__PURE__*/ React.createElement("li", { className: "mr-1", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `inline-flex items-center py-2 px-4 font-semibold ${activeTab === 'donor' ? 'border-l border-t border-r rounded-t text-[#000]' : 'text-[#aaa] hover:text-[#000]'}`, onClick: ()=>setActiveTab('donor'), __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-heart mr-2", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), " Register as Donor")), /*#__PURE__*/ React.createElement("li", { className: "mr-1", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `inline-block py-2 px-4 font-semibold ${activeTab === 'gainer' ? 'border-l border-t border-r rounded-t text-[#000]' : 'text-[#aaa] hover:text-[#000]'}`, onClick: ()=>setActiveTab('gainer'), __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Register as Gainer")), /*#__PURE__*/ React.createElement("li", { className: "mr-1", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `inline-block py-2 px-4 font-semibold ${activeTab === 'product' ? 'border-l border-t border-r rounded-t text-[#000]' : 'text-[#aaa] hover:text-[#000]'}`, onClick: ()=>setActiveTab('product'), __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Our Product")))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, activeTab === 'advertiser' && /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Advertiser Information"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "companyName", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Company Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "companyName", id: "companyName", className: "mt-1 px-3 py-2 bg-white border shadow-sm border-[#d1d5db] placeholder-[#9ca3af] focus:outline-none focus:border-[#6ee7b7] focus:ring-1 focus:ring-[#6ee7b7] block w-full rounded-md sm:text-sm focus:ring-opacity-50", placeholder: "Your company name", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "companyEmail", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "companyEmail", id: "companyEmail", className: "mt-1 px-3 py-2 bg-white border shadow-sm border-[#d1d5db] placeholder-[#9ca3af] focus:outline-none focus:border-[#6ee7b7] focus:ring-1 focus:ring-[#6ee7b7] block w-full rounded-md sm:text-sm focus:ring-opacity-50", placeholder: "contact@example.com", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "adBudget", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Advertising Budget ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "adBudget", id: "adBudget", className: "mt-1 px-3 py-2 bg-white border shadow-sm border-[#d1d5db] placeholder-[#9ca3af] focus:outline-none focus:border-[#6ee7b7] focus:ring-1 focus:ring-[#6ee7b7] block w-full rounded-md sm:text-sm focus:ring-opacity-50", placeholder: "Estimated budget", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "adDescription", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Campaign Description"), /*#__PURE__*/ React.createElement("textarea", { name: "adDescription", id: "adDescription", rows: "4", className: "mt-1 px-3 py-2 bg-white border shadow-sm border-[#d1d5db] placeholder-[#9ca3af] focus:outline-none focus:border-[#6ee7b7] focus:ring-1 focus:ring-[#6ee7b7] block w-full rounded-md sm:text-sm focus:ring-opacity-50", placeholder: "Describe your advertising campaign", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-[#10b981] hover:bg-[#059669] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#10b981] w-full", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "Submit Information"))), activeTab === 'donor' && /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Donor Registration"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "donorName", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "donorName", id: "donorName", className: "mt-1 px-3 py-2 bg-white border shadow-sm border-[#d1d5db] placeholder-[#9ca3af] focus:outline-none focus:border-[#6ee7b7] focus:ring-1 focus:ring-[#6ee7b7] block w-full rounded-md sm:text-sm focus:ring-opacity-50", placeholder: "Your full name", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "donorEmail", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "donorEmail", id: "donorEmail", className: "mt-1 px-3 py-2 bg-white border shadow-sm border-[#d1d5db] placeholder-[#9ca3af] focus:outline-none focus:border-[#6ee7b7] focus:ring-1 focus:ring-[#6ee7b7] block w-full rounded-md sm:text-sm focus:ring-opacity-50", placeholder: "you@example.com", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "donationAmount", className: "block text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Donation Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "donationAmount", id: "donationAmount", className: "mt-1 px-3 py-2 bg-white border shadow-sm border-[#d1d5db] placeholder-[#9ca3af] focus:outline-none focus:border-[#6ee7b7] focus:ring-1 focus:ring-[#6ee7b7] block w-full rounded-md sm:text-sm focus:ring-opacity-50", placeholder: "Amount in USD", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-[#10b981] hover:bg-[#059669] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#10b981] w-full", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, "Submit Donation"))), activeTab === 'gainer' && /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Gainer Registration")), activeTab === 'product' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Our Products")))); }