Spaces:
Runtime error
Runtime error
| import { motion } from "framer-motion"; | |
| export default function TypingIndicator() { | |
| return ( | |
| <motion.div | |
| initial={{ opacity: 0, y: 8 }} | |
| animate={{ opacity: 1, y: 0 }} | |
| exit={{ opacity: 0, y: 8 }} | |
| className="flex items-start gap-3 mb-4" | |
| > | |
| {/* Avatar */} | |
| <div className="flex-shrink-0 w-8 h-8 rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center"> | |
| <span className="text-white text-xs font-bold">N</span> | |
| </div> | |
| {/* Typing bubble */} | |
| <div className="bg-nexus-card border border-nexus-border rounded-2xl rounded-tl-sm px-4 py-3"> | |
| <div className="flex items-center gap-1.5"> | |
| {[0, 1, 2].map((i) => ( | |
| <div | |
| key={i} | |
| className="typing-dot w-2 h-2 rounded-full bg-nexus-accent" | |
| style={{ animationDelay: `${i * 0.2}s` }} | |
| /> | |
| ))} | |
| </div> | |
| </div> | |
| </motion.div> | |
| ); | |
| } | |