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óm...