function ContentContact({ text, children, url, label }) {
  const openURL = (url) => window.open(url);

  return (
    <li
      className="flex cursor-pointer items-center justify-start gap-4"
      onClick={() => openURL(url)}
    >
      <div className="p-2 rounded-[8px] bg-[#EBFAFA] grid place-items-center">
        {children}
      </div>
      <p className="text-[#FFF] text-[14px] md:text-[18px] sm:text-[16px] lg:text-[20px] font-normal">
        {label}
        <span dir="ltr">{text}</span>
      </p>
    </li>
  );
}

export default ContentContact;
