import { SectionContainer } from "@/components/shared/SectionContainer";
import { siteConfig } from "@/data/site-config";

export function MapSection() {
  const query = encodeURIComponent(
    `${siteConfig.address.line1}, ${siteConfig.address.line2}`
  );

  return (
    <SectionContainer paddingY="none" className="h-[500px] w-full">
      <iframe
        src={`https://www.google.com/maps?q=${query}&output=embed`}
        width="100%"
        height="100%"
        style={{ border: 0 }}
        allowFullScreen={false}
        loading="lazy"
        referrerPolicy="no-referrer-when-downgrade"
        title={`${siteConfig.legalName} — Coimbatore`}
      />
    </SectionContainer>
  );
}