import React from "react";

export const CardPin = () => {
  return (
    <svg
      width="59"
      height="56"
      viewBox="0 0 59 56"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g filter="url(#filter0_dii_2642_3203)">
        <circle
          cx="28.6737"
          cy="26.0011"
          r="24"
          transform="rotate(-4.69682 28.6737 26.0011)"
          fill="#0E0D13"
        />
      </g>
      <g clipPath="url(#clip0_2642_3203)">
        <rect
          x="10.0859"
          y="9.86719"
          width="36"
          height="36"
          rx="18"
          transform="rotate(-4.69682 10.0859 9.86719)"
          fill="#363248"
        />
        <g filter="url(#filter1_f_2642_3203)">
          <ellipse
            cx="43.6721"
            cy="37.61"
            rx="4.8"
            ry="5.6"
            transform="rotate(-4.69682 43.6721 37.61)"
            fill="#CBC2FF"
            fillOpacity="0.5"
          />
        </g>
      </g>
      <g clipPath="url(#clip1_2642_3203)">
        <circle
          cx="26.4846"
          cy="23.7717"
          r="20"
          transform="rotate(-4.69682 26.4846 23.7717)"
          fill="#1B182C"
        />
        <g filter="url(#filter2_f_2642_3203)">
          <path
            d="M5.09739 22.3221C10.6082 4.11674 17.5317 -0.300916 39.0472 5.66195L5.09739 22.3221Z"
            fill="url(#paint0_linear_2642_3203)"
          />
        </g>
        <g
          filter="url(#filter3_f_2642_3203)"
          style={{ mixBlendMode: "plus-lighter" }}
        >
          <path
            d="M3.31553 10.428C7.05965 -1.17674 11.7123 -4.00824 26.1159 -0.272188L3.31553 10.428Z"
            fill="white"
          />
        </g>
      </g>
      <mask
        id="mask0_2642_3203"
        style={{ maskType: "alpha" }}
        maskUnits="userSpaceOnUse"
        x="2"
        y="26"
        width="13"
        height="13"
      >
        <ellipse
          cx="8.56892"
          cy="32.8628"
          rx="6.2"
          ry="6"
          transform="rotate(-4.69682 8.56892 32.8628)"
          fill="#D9D9D9"
        />
      </mask>
      <g mask="url(#mask0_2642_3203)">
        <circle
          cx="26.5158"
          cy="24.1624"
          r="19"
          transform="rotate(-4.69682 26.5158 24.1624)"
          stroke="white"
          strokeOpacity="0.8"
          strokeWidth="2"
        />
      </g>
      <defs>
        <filter
          id="filter0_dii_2642_3203"
          x="2.67188"
          y="0"
          width="56"
          height="56"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feOffset dx="2" dy="2" />
          <feGaussianBlur stdDeviation="2" />
          <feComposite in2="hardAlpha" operator="out" />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"
          />
          <feBlend
            mode="normal"
            in2="BackgroundImageFix"
            result="effect1_dropShadow_2642_3203"
          />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="effect1_dropShadow_2642_3203"
            result="shape"
          />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feOffset dy="-1.6" />
          <feGaussianBlur stdDeviation="2.4" />
          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 0.417936 0 0 0 0 0.378436 0 0 0 0 0.641771 0 0 0 1 0"
          />
          <feBlend
            mode="normal"
            in2="shape"
            result="effect2_innerShadow_2642_3203"
          />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feOffset dy="0.8" />
          <feGaussianBlur stdDeviation="0.8" />
          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"
          />
          <feBlend
            mode="normal"
            in2="effect2_innerShadow_2642_3203"
            result="effect3_innerShadow_2642_3203"
          />
        </filter>
        <filter
          id="filter1_f_2642_3203"
          x="34.0672"
          y="27.2156"
          width="19.2094"
          height="20.7875"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="2.4"
            result="effect1_foregroundBlur_2642_3203"
          />
        </filter>
        <filter
          id="filter2_f_2642_3203"
          x="0.29375"
          y="-1.62813"
          width="43.5531"
          height="28.7484"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="2.4"
            result="effect1_foregroundBlur_2642_3203"
          />
        </filter>
        <filter
          id="filter3_f_2642_3203"
          x="-10.6875"
          y="-15.8203"
          width="50.8047"
          height="40.25"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="7"
            result="effect1_foregroundBlur_2642_3203"
          />
        </filter>
        <linearGradient
          id="paint0_linear_2642_3203"
          x1="15.9631"
          y1="7.18675"
          x2="27.3668"
          y2="24.8413"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" />
          <stop offset="1" stopColor="#1B182C" />
        </linearGradient>
        <clipPath id="clip0_2642_3203">
          <rect
            x="10.0859"
            y="9.86719"
            width="36"
            height="36"
            rx="18"
            transform="rotate(-4.69682 10.0859 9.86719)"
            fill="white"
          />
        </clipPath>
        <clipPath id="clip1_2642_3203">
          <rect
            x="4.91406"
            y="5.47656"
            width="40"
            height="40"
            rx="20"
            transform="rotate(-4.69682 4.91406 5.47656)"
            fill="white"
          />
        </clipPath>
      </defs>
    </svg>
  );
};