import { motion } from "motion/react";
import sangwariLogo from "figma:asset/ebbc13bb0f2d37680534a657788a10d26b7460b9.png";

interface AnimatedLogoProps {
  onClick?: () => void;
}

export function AnimatedLogo({ onClick }: AnimatedLogoProps) {
  return (
    <motion.button 
      onClick={onClick}
      className="flex items-center hover:opacity-80 transition-opacity"
      whileHover={{ scale: 1.05 }}
      whileTap={{ scale: 0.95 }}
      initial={{ opacity: 0, x: -20 }}
      animate={{ opacity: 1, x: 0 }}
      transition={{ duration: 0.6, ease: "easeOut" }}
    >
      <motion.img
        src={sangwariLogo}
        alt="Sangwari Taxi Logo"
        className="h-10 w-auto object-contain"
        animate={{ 
          scale: [1, 1.02, 1],
        }}
        transition={{ 
          duration: 3,
          repeat: Infinity,
          ease: "easeInOut"
        }}
      />
    </motion.button>
  );
}