import { motion } from 'framer-motion';
import React from 'react';

export const AnimatedButton = ({ children, onClick }: { children: React.ReactNode; onClick?: () => void }) => {
  return (
    <motion.button
      onClick={onClick}
      whileHover={{ scale: 1.1 }}
      whileTap={{ scale: 0.95 }}
      className="px-4 py-2 bg-blue-500 text-white rounded-2xl shadow-lg"
    >
      {children}
    </motion.button>
  );
};