"use client";

import CallC from "../../icons/CallC";
import EmailC from "../../icons/EmailC";
import WhatsappC from "../../icons/WhatsappC";
import ContentContact from "../ContentContact";

function Links({ matchedCity }) {
  return (
    <ul className="flex flex-col mt-[68px] justify-start items-start gap-[32px]">
      <ContentContact
        url="tel:900300400"
        label="تلفن تماس: "
        text={matchedCity.contactPhone}
      >
        <CallC />
      </ContentContact>
      <ContentContact
        url="https://wa.me/09124568794"
        text={matchedCity.socialMedia.whatsapp}
        label="واتساپ: "
      >
        <WhatsappC />
      </ContentContact>
      <ContentContact
        url="mailto:batome@gmail.com"
        text={matchedCity.email}
        label="ایمیل: "
      >
        <EmailC />
      </ContentContact>
    </ul>
  );
}

export default Links;
