function MainComponent() { const [selectedTopic, setSelectedTopic] = React.useState(null); const [selectedSubTopic, setSelectedSubTopic] = React.useState(null); const [briefItems, setBriefItems] = React.useState([]); const topics = { Sustainability: [ "Decrease Plastic Usage", "Circular Economy" ], Innovation: [ "User Experience Design Systems", "Market Research" ], Marketing: [ "Enhancing Brand Reputation", "Consumer Journey" ], "Data Science": [ "Text-to-Image Recommendation", "Content Optimization" ], Engineering: [ "Location-Based Analytics", "Custom E-commerce Platform" ], Design: [ "Cloud Customer Engagement", "Interactive Dashboards" ] }; const subTopicsDetails = { "Decrease Plastic Usage": { blurb: "Carhartt engaged students on a project to decrease plastic usage in packaging, resulting in multiple redesign proposals to reduce waste." }, "Circular Economy": { blurb: "Chevron engaged business students to research the re-refined oil market, analyzing the circular economy, market trends, and adoption drivers to pinpoint lucrative opportunities for the company's growth." }, "User Experience Design Systems": { blurb: "Assurant worked with students to research and build a user experience design system tailored to enhance customer engagement and satisfaction." }, "Market Research": { blurb: "Big Panda partnered with students for market research to understand target demographics and their purchasing mindsets, ultimately informing their marketing strategy." }, "Enhancing Brand Reputation": { blurb: "Bloomberg collaborated with students to construct a marketing plan that enhances brand reputation and bolsters their recruitment pipeline." }, "Consumer Journey": { blurb: "Caesars Entertainment Corporation and students explored the consumer journey, developing a loyalty program to drive guest sales and repeat business." }, "Text-to-Image Recommendation": { blurb: "The Associated Press built a Text-to-Image recommendation system with students, enhancing media content alignment with headline captions." }, "Content Optimization": { blurb: "A student team utilized machine learning to formulate a content optimization strategy, enabling a client partner to improve online content engagement." }, "Location-Based Analytics": { blurb: "AT&T developed a solution with students to incorporate location-based and web analytics information into their business intelligence products for enterprise customers." }, "Custom E-commerce Platform": { blurb: "A mid-size audio/visual manufacturer engaged students to create a custom e-commerce platform to scale their business and enhance distribution sales." }, "Cloud Customer Engagement": { blurb: "Autodesk engaged two student teams to analyze cloud customer engagement throughout subscription lifecycles and improve key operational systems for a better user experience." }, "Interactive Dashboards": { blurb: "Charles Schwab Corporation built an interactive, self-service dashboard providing key business metrics with student collaboration, enhancing their business view." } }; const handleTopicSelection = (topic)=>{ setSelectedTopic(topic); }; const handleSubTopicSelection = (subTopic)=>{ setSelectedSubTopic(subTopic); if (!briefItems.includes(subTopic)) { setBriefItems([ ...briefItems, subTopic ]); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-80 h-[80%] flex", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[20%] bg-gray-200 p-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, Object.keys(topics).map((topic)=>/*#__PURE__*/ React.createElement("div", { key: topic, onClick: ()=>handleTopicSelection(topic), className: "cursor-pointer", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "high-level-topic", className: "mr-2", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }), topic))), /*#__PURE__*/ React.createElement("div", { className: "w-[20%] bg-gray-100 p-4", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, selectedTopic && topics[selectedTopic].map((subTopic)=>/*#__PURE__*/ React.createElement("div", { key: subTopic, onClick: ()=>handleSubTopicSelection(subTopic), className: "cursor-pointer", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "sub-topic", className: "mr-2", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }), subTopic))), /*#__PURE__*/ React.createElement("div", { className: "w-[60%] bg-white p-4", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, selectedSubTopic && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, selectedSubTopic), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, subTopicsDetails[selectedSubTopic].blurb)))), /*#__PURE__*/ React.createElement("div", { className: "flex-20 h-[20%] bg-gray-50 p-4", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Brief Assembly"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, briefItems.map((item, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "mb-1", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, "- ", item, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setBriefItems(briefItems.filter((_, i)=>i !== idx)), className: "text-red-500 ml-2", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, "Remove"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-1", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "Company Background"), /*#__PURE__*/ React.createElement("textarea", { name: "company-background", className: "w-full mb-4 p-2 border border-gray-300", rows: "2", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-1", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, "Project Context"), /*#__PURE__*/ React.createElement("textarea", { name: "project-context", className: "w-full mb-4 p-2 border border-gray-300", rows: "2", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-1", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Project Goals"), /*#__PURE__*/ React.createElement("textarea", { name: "project-goals", className: "w-full p-2 border border-gray-300", rows: "2", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this })))); }