import EmailIcon from "@/public/icons/EmailIcon";
import MobileIcon from "@/public/icons/MobileIcon";
import WebsiteIcon from "@/public/icons/WebsiteIcon";
import TelephoneIcon from "@/public/icons/TelephoneIcon";
import Link from "next/link";
import WhatsAppIcon from "@/public/icons/WhatsAppIcon";

type ContactInformation = {
  content: string;
  editor: string;
  address: string;
  phone: string;
  phone_two: string;
  email: string;
  website: string;
  latitude: string;
  longitude: string;
};

const FooterContact = ({ data }: { data: ContactInformation }) => {
  const {
    address,
    content,
    email,
    latitude,
    longitude,
    phone,
    phone_two,
    website,
    editor,
  } = data;

  return (
    <>
      {/* <p className="text-[16px] md:text-base hover:scale-105 duration-300">
        <Link
        href={`https://maps.app.goo.gl/STr5CJ8zhUwc31fF8`}
        target="_blank"
        rel="noopener noreferrer"
        className="hover:text-white "
      >
        {address?.split("<br>").join(", ")}
        </Link>
        </p> */}
        {/* {phone && ( 
      <p className="inline-block">
        <Link
          className="flex gap-1 items-center pr-[69px] hover:scale-105 duration-300 hover:text-white"
          href={`tel:${phone}`}
          target="_blank"
        >
          <abbr className="cursor-help flex gap-2" title="Phone">
            <TelephoneIcon /> <WhatsAppIcon/>
          </abbr>
          {phone}
        </Link>
      </p>
        )} */}
      {/* {phone_two && (
      <p className="inline-block">
        <Link
          className="flex gap-1 items-center hover:scale-105 duration-300 hover:text-white "
          href={`tel:${phone_two}`}
          target="_blank"
        >
          
            <abbr className="cursor-help" title="Phone">
              <MobileIcon />
            </abbr>
          
          {phone_two}
        </Link>
      </p>
      )} */}

      {/* <p className="inline-block">
        <Link
          className="flex gap-1 items-center"
          href="https://api.whatsapp.com/send/?phone=8801777707600&amp;text&amp;type=phone_number&amp;app_absent=0"
          target="_blank"
        >
          <abbr className="cursor-help" title="Whatsapp">
            <WhatsAppIcon />
          </abbr>
          +৮৮০ ১৭৭৭ ৭০৭৬০০
        </Link>
      </p> */}
      <p className="inline-block">
        <Link
          className="flex gap-1 items-center hover:scale-105 duration-300 hover:text-white"
          href={`mailto:${email}`}
          target="_blank"
        >
          <abbr className="cursor-help" title="Email">
            <EmailIcon />
          </abbr>
          {email}
        </Link>
      </p>
    </>
  );
};

export default FooterContact;