interface CancelPopupIconType {
  className?: string;
  onClick?: () => void;
}

const CancelPopupIcon = ({ className, onClick }: CancelPopupIconType) => {
  return (
    <svg
      width="97"
      height="96"
      viewBox="0 0 97 96"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      className={className}
      onClick={onClick}
    >
      <rect x="0.5" width="96" height="96" fill="url(#pattern0_2465_5365)" />
      <defs>
        <pattern
          id="pattern0_2465_5365"
          patternContentUnits="objectBoundingBox"
          width="1"
          height="1"
        >
          <use xlinkHref="#image0_2465_5365" transform="scale(0.00195312)" />
        </pattern>
        <image
          id="image0_2465_5365"
          width="512"
          height="512"
          preserveAspectRatio="none"
          xlinkHref="data:image/png;base64,[encoded data, 30604 characters]"
        />
      </defs>
    </svg>
  );
};

export default CancelPopupIcon;
