function MainComponent() { const [clientSector, setClientSector] = React.useState(''); const [objectives, setObjectives] = React.useState(''); const [strategicQuestions, setStrategicQuestions] = React.useState([]); const handleIndustryChange = (event)=>{ setClientSector(event.target.value); generateStrategicQuestions(event.target.value); }; const generateStrategicQuestions = (sector)=>{ const questionsBySector = { technology: [ "How can technology streamline your operations?", "What technological advancements are crucial for your business growth?" ], finance: [ "How can financial planning improve your profit margins?", "What financial risks are you currently facing?" ], healthcare: [ "How can innovative healthcare solutions improve patient care in your organization?", "What are the main operational challenges in healthcare delivery?" ], manufacturing: [ "What advanced manufacturing technologies can significantly increase your production capabilities?", "How can supply chain optimization reduce your costs and increase efficiency?" ], retail: [ "What strategies can enhance customer experience in your retail business?", "How can omnichannel retailing benefit your business?" ] }; setStrategicQuestions(sector ? questionsBySector[sector] : []); }; const handleSubmit = (event)=>{ event.preventDefault(); alert(`Generating proposal for a ${clientSector} sector client with objectives: ${objectives}`); }; const proposalForm = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-5 bg-[#F3F3F3] rounded-lg shadow-md w-full max-w-4xl mx-auto my-8", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, "AI-Powered Commercial Proposal Generator"), /*#__PURE__*/ React.createElement("form", { className: "space-y-5", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "clientName", className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Client Name (Legal Entity)"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "clientName", className: "p-3 border border-gray-300 rounded", placeholder: "ABC Corporation", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "industry", className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Industry or Sector"), /*#__PURE__*/ React.createElement("select", { name: "industry", className: "p-3 border border-gray-300 bg-white rounded", onChange: handleIndustryChange, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Select Industry"), /*#__PURE__*/ React.createElement("option", { value: "technology", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Technology"), /*#__PURE__*/ React.createElement("option", { value: "finance", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Finance"), /*#__PURE__*/ React.createElement("option", { value: "healthcare", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Healthcare"), /*#__PURE__*/ React.createElement("option", { value: "manufacturing", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Manufacturing"), /*#__PURE__*/ React.createElement("option", { value: "retail", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Retail"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "objectives", className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Market and Image Objectives"), /*#__PURE__*/ React.createElement("textarea", { name: "objectives", className: "p-3 border border-gray-300 rounded", placeholder: "Describe the objectives here...", onChange: (e)=>setObjectives(e.target.value), __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this })), strategicQuestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-3", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, strategicQuestions.map((question, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, question), /*#__PURE__*/ React.createElement("textarea", { name: `answer-${index}`, className: "mt-2 p-2 border border-gray-300 rounded w-full", placeholder: "Type your answer here...", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-10 py-3 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-300", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Generate Proposal")))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col justify-center items-center bg-[#E5E5E5]", __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, proposalForm); }