function MainComponent() { const [selectedOption, setSelectedOption] = React.useState(""); const [text, setText] = React.useState(""); const handleSelectChange = (event)=>{ setSelectedOption(event.target.value); updateText(event.target.value); }; const updateText = (option)=>{ const texts = { 1: "¿Qué es la Inteligencia Artificial? 🤔 La Inteligencia Artificial (IA) es como darle cerebro a las máquinas 🧠 para que puedan aprender y resolver problemas por sí mismas. Imagina que tu computadora o teléfono puede pensar y ayudarte como un amigo. ¡Es como tener un robot inteligente de compañero! 🤖", 2: "La Historia de la IA en Breve 📜Todo comenzó cuando las personas se preguntaron si las máquinas podían pensar 🤖💭. Desde los primeros computadores hasta los robots actuales, la IA ha evolucionado muchísimo. Grandes científicos y soñadores han contribuido para llegar a donde estamos hoy 🚀.", 3: "¿Cómo Funciona la IA? ⚙️La IA aprende de los datos, un poco como tú aprendes de tus experiencias 📚. Usa algoritmos matemáticos para tomar decisiones y resolver problemas. Es como enseñarle a una máquina paso a paso hasta que pueda hacerlo sola 📝➡️🤖.", 4: "La IA en Nuestra Vida Diaria 🏠¡La IA está en todas partes! Cuando usas asistentes de voz como Siri o Alexa 🗣️, ves recomendaciones de videos 🎥, o juegas videojuegos 🎮, estás interactuando con IA. Hace nuestras vidas más fáciles y divertidas.", 5: "Herramientas Divertidas de IA 🎉Existen aplicaciones increíbles como ChatGPT, donde puedes conversar con una IA 🗨️, o DALL·E, que crea imágenes a partir de tus ideas 🎨. ¡Prueba estas herramientas y sorpréndete con lo que puedes hacer!", 6: "¿Cómo Cambiará la IA el Mundo? 🌍La IA puede ayudar en medicina 🏥, educación 🎓 y resolver problemas globales como el cambio climático 🌳. Imagina un mundo donde las máquinas ayudan a mejorar nuestras vidas de muchas maneras positivas.", 7: "El Futuro de la IA 🚀El futuro traerá tecnologías aún más sorprendentes. Podríamos tener autos que se conducen solos 🚗, robots que ayudan en casa 🏠, y quién sabe qué más. ¡El límite es tu imaginación! 🌠", 8: "Uso Responsable de la IA ⚖️Es importante usar la IA de manera ética y responsable 🤝. Debemos asegurarnos de que beneficie a todos y no cause daño. Tú puedes ayudar a que la IA se use para el bien común 💚.", 9: "¡Explora y Aprende Más! 🔎Hay mucho por descubrir sobre la IA. Puedes aprender a programar 🖥️, crear tus propios proyectos 🛠️, y ser parte del futuro tecnológico. ¡Anímate a explorar y nunca dejes de aprender! 🌟" }; setText(texts[option] || ""); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#edf2f7] p-6 rounded-lg mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-3xl font-bold text-[#1a202c] mb-2 shadow-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Inteligencia Artificial en 5 minutos"), /*#__PURE__*/ React.createElement("p", { className: "text-center mb-6 text-lg font-semibold text-[#2d3748]", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "¡Descubre el fascinante mundo de la IA y cómo puede cambiar tu vida y el mundo en solo 5 minutos!")), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-center mb-2", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Elige la sección que quieres aprender:"), /*#__PURE__*/ React.createElement("select", { className: "block w-full mb-4 p-2 border", onChange: handleSelectChange, value: selectedOption, __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "--Selecciona una sección--"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "¿Qué es la Inteligencia Artificial?"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "La Historia de la IA en Breve"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "¿Cómo Funciona la IA?"), /*#__PURE__*/ React.createElement("option", { value: "4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "La IA en Nuestra Vida Diaria"), /*#__PURE__*/ React.createElement("option", { value: "5", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Herramientas Divertidas de IA"), /*#__PURE__*/ React.createElement("option", { value: "6", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "¿Cómo Cambiará la IA el Mundo?"), /*#__PURE__*/ React.createElement("option", { value: "7", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "El Futuro de la IA"), /*#__PURE__*/ React.createElement("option", { value: "8", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Uso Responsable de la IA"), /*#__PURE__*/ React.createElement("option", { value: "9", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "¡Explora y Aprende Más!")), /*#__PURE__*/ React.createElement("button", { className: "block w-full p-2 mb-4 bg-blue-500 text-white rounded", onClick: ()=>updateText(selectedOption), __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "Ver"), text && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, text))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fed7e2] text-center p-4 rounded-lg my-6", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "AUDIOLIBRO: La Revolución de la Belleza con Inteligencia Artificial y Colorea la Moda, libro de colorear."), /*#__PURE__*/ React.createElement("a", { href: "/ia-en-belleza", target: "_self", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Belleza con IA")), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold mt-4", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "AUDIOLIBRO: Tech Girls: Mujeres Líderes en la Era de la IA"), /*#__PURE__*/ React.createElement("a", { href: "/tech-girls", target: "_self", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Tech Girls"))), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 text-center p-2 text-white text-sm", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, "©", " ", /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/", className: "underline", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "Por RLTec"), " ", "|", " ", /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/ai-for-good", className: "underline", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "Volver a Ai for good"))); }