function MainComponent() { const [activeFeature, setActiveFeature] = React.useState('search'); const handleFeatureSelect = (feature)=>{ setActiveFeature(feature); }; let featureContent; switch(activeFeature){ case 'search': featureContent = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "What are you looking for?", className: "flex-grow p-4 border-2 rounded-lg text-lg font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 flex-wrap", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, [ 'Loan Types', 'Policies', 'Reports', 'Statistics' ].map((filter)=>/*#__PURE__*/ React.createElement("button", { key: filter, className: "bg-white border border-[#DEE2E6] rounded-md px-4 py-1 text-lg font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, filter)))); break; case 'chatbot': featureContent = /*#__PURE__*/ React.createElement("div", { className: "bg-white border-2 p-4 rounded-lg h-[300px] w-full", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg h-[80%] overflow-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", placeholder: "Ask me anything...", className: "w-full border-t-2 p-2 mt-2 font-roboto text-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })); break; case 'summarize': featureContent = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "document", className: "border-2 p-2 rounded-lg text-lg font-roboto w-full", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })); break; default: featureContent = null; } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "bg-[#343A40] text-white w-60 p-4 space-y-6", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-3xl font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "FreddieMac"), /*#__PURE__*/ React.createElement("nav", { className: "space-y-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, [ 'search', 'chatbot', 'summarize' ].map((feature)=>/*#__PURE__*/ React.createElement("button", { key: feature, onClick: ()=>handleFeatureSelect(feature), className: `text-left w-full font-roboto text-xl px-3 py-2 rounded-md ${activeFeature === feature ? 'bg-[#495057]' : 'hover:bg-[#495057] hover:bg-opacity-25'}`, __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${feature === 'search' ? 'search' : feature === 'chatbot' ? 'robot' : 'file-alt'} mr-3`, "aria-hidden": "true", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }), `${feature.charAt(0).toUpperCase()}${feature.slice(1)}`)))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-6 flex flex-col space-y-6", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "Unlock the Power of AI for Your Freddie Mac Experience"), /*#__PURE__*/ React.createElement("section", { className: "w-full h-full", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, featureContent))); }