import React, { useState } from 'react';
import { motion } from 'framer-motion';
import { ArrowRight } from 'lucide-react';
export default function AnimatedCard() {
const [isHovered, setIsHovered] = useState(false);
return (
setIsHovered(true)}
onHoverEnd={() => setIsHovered(false)}
>
Interactive Card
Learn More
);
}
This component demonstrates basic animation principles in React
