'use client';
import { motion } from 'framer-motion';

export default function Map() {
  return (
    <motion.div 
      initial={{ opacity: 0, y: 20 }}
      animate={{ opacity: 1, y: 0 }}
      transition={{ duration: 0.8 }}
      className="w-full overflow-hidden rounded-xl shadow-lg"
    >
      <motion.iframe
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2997.742351543824!2d23.313091676036244!3d42.68628961442904!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40aa85309d0294a1%3A0xa629b42a9273c049!2z0JLQutGK0YnQuA!5e1!3m2!1sen!2sbg!4v1742860181631!5m2!1sen!2sbg"
        width="100%"
        height="400"
        style={{ border: 0 }}
        title="Вкъщи Google Maps Location"
        allowFullScreen
        loading="lazy"
        referrerPolicy="no-referrer-when-downgrade"
        whileHover={{ scale: 1.01 }}
        transition={{ duration: 0.3 }}
        className="rounded-xl"
      ></motion.iframe>
    </motion.div>
  );
}