Front-End Developer

// Reusable Button Component
import { motion } from 'framer-motion'

interface ButtonProps {
  variant: 'primary' | 'secondary'
  children: React.ReactNode
  onClick?: () => void
}

export const Button = ({ variant, children, onClick }: ButtonProps) => {
  return (
    <motion.button
      whileHover={{ scale: 1.05, willChange: "transform" }}
      whileTap={{ scale: 0.95, willChange: "transform" }}
      className={`btn btn-${variant}`}
      onClick={onClick}
    >
      {children}
    </motion.button>
  )
}