p4

import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { ResponsiveNetwork } from "@nivo/network"; const nodes = [ { id: "Revolución Francesa", color: "#ff7f0e" }, { id: "Ilustración", color: "#1f77b4" }, { id: "Crisis Económica", color: "#2ca02c" }, ]; const links = [ { source: "Ilustración", target: "Revolución Francesa" }, { source: "Crisis Económica", target: "Revolución Francesa" }, ]; export default function LearningTool() { const [query, setQuery] = useState(""); const [response, setResponse] = useState(""); const handleAskAI = () => { setResponse( "Según la red temática, es recomendable estudiar primero la Ilustración y la Crisis Económica antes de abordar la Revolución Francesa." ); }; return (

📚 Herramienta Educativa con IA

setQuery(e.target.value)} />

{response &&

{response}

}

); }