function MainComponent() { const [results, setResults] = React.useState({ insights: '', initiatives: '' }); const handleInputChange = (event)=>{ const { name, value } = event.target; setResults((prevData)=>({ ...prevData, [name]: value })); }; const handleSubmit = (event)=>{ event.preventDefault(); }; const displayResults = [ { title: 'Standardized Scores', issues: [ 'Ideal Customer/Partner Profiles', 'Buyer Positioning' ] }, { title: 'Misalignment Scores', issues: [ 'Value Creation', 'Competitive Messaging' ] }, { title: 'Risk to Sales Performance', issues: [ 'Sales Enablement', 'Accountability & Rewards' ] } ]; const resultsDisplay = displayResults.map((result)=>/*#__PURE__*/ React.createElement("div", { key: result.title, className: "mb-6", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold font-roboto mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, result.issues.map((issue)=>/*#__PURE__*/ React.createElement("li", { key: issue, className: "mb-1 font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, issue))))); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl p-8 bg-white rounded shadow-md", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center mb-6 font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Timus Results Summary"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-4", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2 px-4 mb-6 lg:mb-0", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Key Insights"), /*#__PURE__*/ React.createElement("textarea", { id: "insights", name: "insights", rows: "6", className: "block w-full mb-4 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 font-roboto", placeholder: "List out any key insights into the state of the business...", onChange: handleInputChange, __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2 px-4", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Recommended Initiatives"), /*#__PURE__*/ React.createElement("textarea", { id: "initiatives", name: "initiatives", rows: "6", className: "block w-full mb-4 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 font-roboto", placeholder: "Detail key initiatives for executive leadership to undertake...", onChange: handleInputChange, __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }))), resultsDisplay, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 text-lg font-semibold text-white bg-blue-500 rounded hover:bg-blue-700 font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Submit Recommendations")))); }