"use client";

export const ContactMap = () => {
  return (
    <section className="custom-container pb-12">
      <div className="rounded-3xl overflow-hidden h-[260px] md:h-[340px] lg:h-[400px] shadow-sm border border-secondary/20">
        <iframe
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3625.024038678825!2d55.300775!3d25.269708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f43429d0f7b27%3A0x8a3c6a53ce38afcb!2sAl%20Fahidi!5e0!3m2!1sen!2s!4v1700000000000!5m2!1sen!2s"
          width="100%"
          height="100%"
          style={{ border: 0 }}
          allowFullScreen
          loading="lazy"
          referrerPolicy="no-referrer-when-downgrade"
        />
      </div>
    </section>
  );
};
