function MainComponent() { const [company, setCompany] = React.useState(""); const [brandDealType, setBrandDealType] = React.useState(""); const [emailContent, setEmailContent] = React.useState(""); const handleCompanyChange = (event)=>{ setCompany(event.target.value); }; const handleBrandDealTypeChange = (event)=>{ setBrandDealType(event.target.value); }; const generateEmail = ()=>{ let promotionDetails; switch(brandDealType){ case "sponsorship": promotionDetails = "a sponsored technology review or tutorial"; break; case "shoutout": promotionDetails = "a shoutout across my various social media channels"; break; case "integration": promotionDetails = "an integrated segment within my upcoming content"; break; default: promotionDetails = "various types of content partnerships"; break; } setEmailContent(`Dear ${company} Team, As a professional programmer actively involved with the tech community across multiple social media platforms, I find myself impressed with ${company}. I believe that my comprehensive understanding of technology, coupled with a keen interest in innovative digital solutions, aligns perfectly with ${company}'s vision and audience. I'm reaching out to propose a partnership where I could endorse ${company} through ${promotionDetails}. My following includes a diverse range of individuals who are passionate about tech and always on the lookout for cutting-edge solutions. I am confident that they will be receptive to learning more about ${company}'s offerings. Please feel free to let me know a suitable time to discuss how we can collaborate. Looking forward to the opportunity to work together. Warm regards`); }; React.useEffect(()=>{ if (company && brandDealType) generateEmail(); }, [ company, brandDealType ]); const promotionOptions = [ { value: "", text: "Select Promotion Type" }, { value: "sponsorship", text: "Sponsored Post" }, { value: "shoutout", text: "Social Media Shoutout" }, { value: "integration", text: "Content Integration" } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0] p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Social Media Promotion Proposal Generator"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Select the type of promotion and enter the company's name to generate a custom cold email.")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "brandDealType", value: brandDealType, onChange: handleBrandDealTypeChange, className: "w-full p-2 text-lg font-roboto border-2 border-[#dcdcdc] rounded-md", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, promotionOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option.value, value: option.value, __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, option.text)))), /*#__PURE__*/ React.createElement("input", { type: "text", name: "companyName", placeholder: "Company's Name", value: company, onChange: handleCompanyChange, className: "w-full p-2 mb-4 text-lg font-roboto border-2 border-[#dcdcdc] rounded-md", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: generateEmail, className: "w-full bg-[#4a76a8] text-white font-roboto py-2 rounded-md", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Generate Proposal"), emailContent && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-white rounded-md shadow-md font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Your Personalized Proposal:"), /*#__PURE__*/ React.createElement("p", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, emailContent)))); }