import { cn } from "@/lib/utils";

type WhatsAppProps = {
  className: string;
};

const WhatsApp = ({ className }: WhatsAppProps) => {
  return (
    <svg viewBox="0 0 50 50" fill="none" className={cn("fill-current transition-colors", className)}>
      <title>WhatsApp logo</title>
      <g clipPath="url(#clip0_4820_1015)">
        <path
          d="M42.2773 7.27059C37.6995 2.55826 31.3714 0 24.9086 0C11.1753 0 0.134726 11.1751 0.26926 24.7738C0.26926 29.0824 1.48102 33.2564 3.50076 37.0262L0 49.8171L13.0602 46.4511C16.6955 48.4708 20.7345 49.4133 24.774 49.4133C38.3727 49.4133 49.4133 38.238 49.4133 24.6395C49.4133 18.0419 46.8549 11.8484 42.2773 7.27059ZM24.9086 45.2395C21.2733 45.2395 17.638 44.2972 14.5412 42.4122L13.7334 42.0082L5.92429 44.0277L7.94384 36.3533L7.40532 35.5454C1.48103 25.986 4.30854 13.3294 14.0027 7.40513C23.6968 1.48103 36.2184 4.30854 42.1427 14.0027C48.0668 23.6968 45.2393 36.2184 35.5454 42.1427C32.4484 44.1623 28.6786 45.2393 24.9086 45.2393V45.2395ZM36.7569 30.2945L35.2759 29.6213C35.2759 29.6213 33.1218 28.6788 31.7754 28.0055C31.6406 28.0055 31.5061 27.8708 31.3714 27.8708C30.9674 27.8708 30.6981 28.0055 30.4289 28.1402C30.4289 28.1402 30.2943 28.2748 28.4093 30.4291C28.2746 30.6983 28.0053 30.833 27.7361 30.833H27.6013C27.4668 30.833 27.1975 30.6983 27.0628 30.5638L26.3896 30.2945C24.9086 29.6213 23.5623 28.8133 22.485 27.7363C22.2158 27.467 21.8118 27.1977 21.5425 26.9285C20.6 25.986 19.6575 24.9087 18.9845 23.697L18.8497 23.4277C18.7152 23.293 18.7152 23.1585 18.5805 22.8892C18.5805 22.6199 18.5805 22.3507 18.7152 22.216C18.7152 22.216 19.2537 21.5427 19.6575 21.1389C19.927 20.8695 20.0615 20.4657 20.3308 20.1964C20.6 19.7924 20.7347 19.2539 20.6 18.8499C20.4655 18.1767 18.8497 14.5414 18.4459 13.7336C18.1765 13.3296 17.9074 13.1951 17.5034 13.0604H16.0224C15.7529 13.0604 15.4839 13.1951 15.2144 13.1951L15.0797 13.3296C14.8104 13.4643 14.5412 13.7336 14.2719 13.8681C14.0027 14.1376 13.8679 14.4067 13.5987 14.6761C12.6562 15.8879 12.1177 17.3689 12.1177 18.8499C12.1177 19.927 12.3869 21.0042 12.7909 21.9467L12.9256 22.3507C14.1374 24.9087 15.7529 27.1977 17.9074 29.2173L18.4459 29.7558C18.8497 30.1598 19.2537 30.4291 19.523 30.8328C22.3505 33.2566 25.5818 35.0069 29.2171 35.9494C29.6211 36.0839 30.1596 36.0839 30.5636 36.2186H31.9099C32.5831 36.2186 33.3909 35.9494 33.9296 35.6801C34.3334 35.4108 34.6027 35.4108 34.8719 35.1416L35.1414 34.8721C35.4106 34.6029 35.6799 34.4683 35.9492 34.1991C36.2184 33.9298 36.4877 33.6606 36.6224 33.3911C36.8917 32.8526 37.0262 32.1793 37.1609 31.5063V30.5638C37.1609 30.5638 37.0262 30.4291 36.7569 30.2945Z"
          className="fill-inherit"
        />
      </g>
      <defs>
        <clipPath id="clip0_4820_1015">
          <rect width="49.4125" height="49.9916" className="fill-inherit" />
        </clipPath>
      </defs>
    </svg>
  );
};

export default WhatsApp;