function MainComponent() { const [userInput, setUserInput] = React.useState(''); const [aiResponse, setAiResponse] = React.useState(''); const handleInputChange = (e)=>{ setUserInput(e.target.value); }; const handleSubmit = ()=>{ if (userInput.trim() !== '') { const mockAiResponse = `As an advanced AI system, I can respond to your query: "${userInput}". I'm designed to emulate human behavior and perform a wide array of tasks with human-like proficiency.`; setAiResponse(mockAiResponse); setUserInput(''); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-900 to-purple-900 flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 max-w-3xl w-full", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-6 text-gray-800 font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Advanced AI System"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-8", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Capabilities"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-blue-600 mr-2", __source: { fileName: "", lineNumber: 25, columnNumber: 49 }, __self: this }), " Natural Language Understanding"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cogs text-blue-600 mr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 49 }, __self: this }), " Cognitive Reasoning"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-blue-600 mr-2", __source: { fileName: "", lineNumber: 27, columnNumber: 49 }, __self: this }), " Task Automation"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-graduate text-blue-600 mr-2", __source: { fileName: "", lineNumber: 28, columnNumber: 49 }, __self: this }), " Continuous Learning"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Domains"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-purple-600 mr-2", __source: { fileName: "", lineNumber: 34, columnNumber: 49 }, __self: this }), " Business Analytics"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heartbeat text-purple-600 mr-2", __source: { fileName: "", lineNumber: 35, columnNumber: 49 }, __self: this }), " Healthcare"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-purple-600 mr-2", __source: { fileName: "", lineNumber: 36, columnNumber: 49 }, __self: this }), " Education"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code text-purple-600 mr-2", __source: { fileName: "", lineNumber: 37, columnNumber: 49 }, __self: this }), " Software Development")))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Interact with AI"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 rounded-lg p-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "user-input", placeholder: "Ask me anything...", className: "w-full p-2 rounded border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", value: userInput, onChange: handleInputChange, __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition duration-300 ease-in-out", onClick: handleSubmit, __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Submit")), aiResponse && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "AI Response:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, aiResponse))))); }