import React from "react";

export const ImageMask = ({ img }: { img: any }) => {
  return (
    <svg
      width="260"
      height="231"
      viewBox="0 0 260 231"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M141.467 -1.47014C185.006 -3.33512 232.731 -26.0217 265.698 1.60792C302.98 32.8547 319.402 88.4352 302.12 133.175C286.228 174.317 244.732 191.584 203 208.726C165.449 224.151 116.229 239.193 78.0843 225.203C37.232 210.22 13.4965 169.367 4.2334 127.994C-4.89845 87.2062 -0.575872 40.8023 30.2816 11.6919C58.4315 -14.8644 102.223 0.210856 141.467 -1.47014Z"
        fill="#EBEFFA"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M141.467 -1.47014C185.006 -3.33512 232.731 -26.0217 265.698 1.60792C302.98 32.8547 319.402 88.4352 302.12 133.175C286.228 174.317 244.732 191.584 203 208.726C165.449 224.151 116.229 239.193 78.0843 225.203C37.232 210.22 13.4965 169.367 4.2334 127.994C-4.89845 87.2062 -0.575872 40.8023 30.2816 11.6919C58.4315 -14.8644 102.223 0.210856 141.467 -1.47014Z"
        fill="url(#pattern0)"
      />
      <defs>
        <pattern
          id="pattern0"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use
            xlinkHref="#image0_3_508"
            transform="translate(-0.239482 -0.26122) scale(0.00196703 0.00250754)"
          />
        </pattern>
        <image id="image0_3_508" width="640" height="640" xlinkHref={img} />
      </defs>
    </svg>
  );
};